Four Card Feature Section with HTML and CSS

Community feedback

• 

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  Hello 👋 Isabela, For responsiveness, you could do something like this...

  h1{ 
  color : blue; 
  }
  @media {max-width : 768px} {
  h1{
  color : red;
  }
  }
  

  this code says that the color of h1 is blue but when the size of screen is below or at 768px the color of h1 is red.

  like h1, you can change the property of any element at certain width...this is called responsiveness. Remember to use relative units like rem And avoid using px.

  Hope it helps ☺️

  1

  ---

  

  Roc Tanweer•2,500

  @RocTanweerPosted over 3 years ago

  @RocTanweer One more thing...

  max-width : 768px mean...for screen width 768px or less.

  You may also use min-width...

  min-width : 768px implies for screen width 768px or more.

  0

  

  isabela lima•35

  @isabelalimsPosted over 3 years ago

  @RocTanweer Hi! Thanks for your explanation, it helped me a lot! I'm gonna study more about responsive design, this is getting in the way of creating better pages.

  0