Flymo data storage component using CSS & HTML

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hey, Chris-Ann C.! 👋

  Good effort on this challenge! 👍

  I suggest,

  • Giving the two boxes in this challenge a fixed height (rather than a height dependant upon that of the viewport) since the latter causes the dimensions of those boxes to be less predictable and a fixed height actually works well for many situations (including this one here, I think). 😉
  • Centering the elements of the page in the viewport using flexbox (rather than margin).
  • Allowing the body to fill up the entire area of the screen so that the background image doesn't get cut off in certain places.
  • Placing the dot in the progress bar inside the progress bar and positioning it relative to the progress bar so that it always remains at the end of the progress bar (even when the screen is resized).

  Hope those tips help. 🙂

  Keep coding (and happy coding, too)! 😁

  2

  ---

  

  Chris-Ann C.•300

  @cdc2021Posted over 3 years ago

  @ApplePieGiraffe Thank you for the detailed suggestions! Very useful :)

  0