Desktop first Responsive Landing Page using CSS Grid, Flexbox

Community feedback

• 

  Karim•590

  @yasssuz

  Posted over 4 years ago

  Hello Jack!

  CSS Grid and Flexbox are awesome features. But remember:

  • flexbox: when you're working with mono-dimensional layouts, for example, a navbar. Because you could put a space between the logo and the nav, or you want your logo at the left, nav in the middle, and buttons on the right and you can do that with just a line of code justify-content: space-between;
  • grid: when you're working with bi-dimensional layouts, in fact, It helps us to create layouts that can be redefined using Media Queries and adapt to different contexts. Grid Layout lets us properly separate the order of elements in the source from their visual presentation.

  Happy coding and please upvote my comment if I was helpful :)

  02