Flyo Landing Page Using CSS

Community feedback

• 

  AndreiT•20

  @AndreiTihPosted 6 months ago

  Great job!

  Looking at the solution it seems you've lost control of the layout betwen 650px and 1000px.

  I recommend sequencing your media queries such that you make sure every interval is styled.

  What's common is to go either mobile first or desktop first. That literally means: what are your intial styles (so without any media queries) designed for?

  Then from that starting point you go the opposite direction and you style incrementally lower. That way you make sure to cover all ground.

  You went desktop first so you would want to style incrementally lower. Using your breakpoints in your case you'd start with

  @media (min-width:1000px)
  {
  ...
  }
  

  then go into

  @media (min-width:650px)
  {
  ...
  }
  

  then finally go into

  @media (min-width:375px)
  {
  ...
  }
  

  You don't have to choose these breakpoints, this is just an example.

  This way the interval between 650px and 1000px is also styled.

  This is just a way to keep the code organized and make sure everything is styled, there's no hard rule that says you have to do things this way, as long as every interval is styled the page will look good.

  Good work! keep up the grind!

  0