All comments

• 

  timberstream•40

  @timberstreamSubmitted over 1 year ago

  I need help on the mobile version .

  

  QR code using VS code

  4

  50
  

  EmilianoGomezA•30

  @EmilianoGomezAPosted over 1 year ago

  Hello!, what problem do you have in the mobile version?

  0
• 

  IlnaraAckermann•70

  @IlnaraAckermannSubmitted over 1 year ago

  any tip and / or suggestion I appreciate it

  

  JS + HTML5 + CSS3, testing pseudoclass and display flex

  2

  50
  

  EmilianoGomezA•30

  @EmilianoGomezAPosted over 1 year ago

  Hi!, to get all the elements centered in the Summary section, can be better to add two internal divisions into <li> to fit better all elements, the first with the img and title of the section and the other with the score. Example:

  <li> <div> <img src="..." alt="..."> <p>Reaction</p> </div> <div> <p><span>80</span> / 100</p> </div> </li>

  That change could help you to add display flex to the <li> and with that you can fit those elements with justify-content: space-between and align-items: center; this recomendation is because I see that the images in Summary section are misaligned in relation to the other content, generating them by using "list-style-image" in CSS can be a problem, it's better to put them into the HTML.

  I hope this can help you, have a nice day!

  1

  This comment has received 1 replyShow