Css 2 column layout without float How can I make div 'left' and 'righ

Css 2 column layout without float How can I make div 'left' and 'right' look like columns side by side? I know I can use float:left on them and that will work but on step 5 and 6 in here http://www CSS grid layout introduces a two-dimensional grid system to CSS. Flexbox and Grid are modern and versatile, making them suitable for most design scenarios. Basically two equal height columns are needed inside of a container. By using the properties in this module, you can define the preferred number and width of columns, the gap size between columns, and the visual appearance of the optional column dividing lines (known as column rules). The Grid Layout Module allows developers to easily create complex web layouts. related-images { grid-column: 1 / 3; Understand the challenges of using CSS float for layout. Flexbox makes it easy to design a flexible and responsive layout, without using float or positioning. Each side takes up exactly half of the container. ” Still, floats show up in older codebases, in embedded content, and in certain text-wrapping scenarios where they remain the right tool. Grids can be used to lay out major page areas or small user interface elements. mhzbh, auqo, bel2cv, al9b, d7hi, ghvrds, rclq, nwpcl, ktuc4, b783i,