Mobile first site using HTML, CSS, and Flexbox

Community feedback

• 

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  Hello Tamera.

  Congrats on building your first project. You did good on this challenge.

  In simple terms, margins create extra space around an element while padding creates space within an element. These links from MDN Web Docs should be helpful 🔽

  • Margin

  • Padding

  For breakpoints ('media query min/max-width'), you can use these examples from w3schools as a reference

  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {...}
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {...}
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {...}
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {...}
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {...}
  
  

  All the best

  0