Result summary component using HTML and CSS Flex

Community feedback

• 

  P

  beowulf1958•1,450

  @beowulf1958Posted about 1 year ago

  Congratulations on completing your first challenge! Colors are great, gradients are working, space between elements all good. You used CSS variables and the design is responsive. However, the desktop version is tall and narrow, so that the scores sit below the labels. You can easily fix that by changing the width on the desktop version to 750px.

  Your HTML is clean and your CSS well organized. However, I did notice that you used heading tags (h3, h4, h5, h6) for styling and not for structure, which is a big no-no. You should give a class to those elements that need styling and use CSS to get the styles.

  <p class="title">Summary</div>
  

  .title { font-size: 1.17em }
  

  I look forward to see what you do next.

  Marked as helpful

  0

  ---

  

  Henry•40

  @stan545Posted about 1 year ago

  @beowulf1958 Thanks, will do that ASAP.

  0