Responsibe Preview product

Yo! Hector,

Both flex and grid can achieve the same layout.

• in flex you can simply set the containers display property to flex, and it will layout the flex-items(children) side-by-side(horizontally), that is because of flex-direction: row which is a default property value in flex container.
• while in grid you need to set the containers display property to grid and also specify how many columns you want your grid should have using grid-template-columns, it can be also be used to specify the size(width) of the column.

Hi Hector Brito, You did a good job!

Flex can be used for alignment on one axis, horizontally or vertically. But Grid can do alignment on both, vertical and horizontal.

And to improve accessibility you should wrap the main content with the <main> tag.

It was difficult for me to place two div next to each other. I didn't know which one to use: grid or flex