Order-summary-component

Community feedback

• 

  Eileen dangelo•1,600

  @EileenpkPosted almost 2 years ago

  Hi Vishanthan! your project looks great, and I thought this might be helpful.

  To make your CSS more organized and readable I find these thoughts useful.

  • Does your project have a coding style guide? ...
  • Keep it consistent. ...
  • Formatting readable CSS. ...
  • Comment your CSS. ...
  • Create logical sections in your stylesheet. ...
  • Avoid overly-specific selectors. ... Break large stylesheets into multiple smaller ones.

  One thing you can do in this project to follow these guidelines is to group all the typography together. I like to only add styles that apply to the type in this section and then retarget any elements if needed to add things like margin or padding in a new code block outside of this section of the CSS.

  /* All typography goes here */
  Body,
  .btn button {
      font-family: 'Red Hat Display', sans-serif;
  }
  
  /* The rest of the styles go after typography */
  
  body{
      background-color: hsl(225, 100%, 94%);
      display: flex;
  }
  

  Here is a link that goes deeper into the topic.

  https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing

  If you found this helpful please mark it as such :)

  • Let's connect on LinkedIn! - @Eileenpk

  Marked as helpful

  0