Stats Preview Card with HTML and CSS

Community feedback

• 

  Ambe Mbong-Nwi Nchang•550

  @Ambe-Mbong-NwiPosted almost 2 years ago

  Hello, I love your work. To specify the width using the desktop-first approach, in the body include the max width given in the style sheet

  body{
      max-width: 1440px;
      margin: 0 auto;
  }
  

  Later on, when modifying the styles for the mobile display, use the media query and specify the width of the mobile device there

  /*mobile design styles*/
  @media (max-width: 375px){
      body{
          max-width: 375px;
          margin: 0 auto;
      }
  

  Note: The "margin: 0 auto" is used to centralize your page on every screen both vertically and horizontally so it's necessary you include it in your work

  -Margins are used to create space around elements, outside of any defined borders.

  -Padding is used to create space around an element's content, inside of any defined borders.

  -The CSS border properties allow you to specify the style, width, and color of an element's border.

  Please check out the link CSS Margin - W3 Schools for more information about how they are used.

  Marked as helpful

  1
• 

  Precious•490

  @2peaglesPosted almost 2 years ago

  Looks perfect, the code is very easy to read the only thing I noticed was the h1 you can put a spam inside of that and change the color like that instead of doing h1 h1 h1 just to save a few lines of coding. I swear for a week of coding this is really good, I was all over the place 😂 I think I probably still am I started using grid and took Kevin Powell's responsive course. I feel like maybe if you try the calc property for paddings that might work. Hope that was helpful.

  Marked as helpful

  1