Skip to content
Submitted about 4 years ago

HTML and CSS Grid/Flex

Jesus David Villarroelā€¢100
@jdvillarroel
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo data storage component
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

I was trying to practice the CSS grid (mainly) and some of the flex features. Probably, I could have used the grid properties more efficiently for responsiveness; any suggestions are greatly appreciated.

Community feedback

  • ApplePieGiraffeā€¢30,545
    @ApplePieGiraffePosted about 4 years ago

    Hey, Jesus David Villarroel!

    You did a nice job! šŸ‘

    I only suggest,

    • Setting the background-size property of the SVG background image in the desktop layout to cover so that it takes up the full width of the viewport even on large screens.

    Keep coding (and happy coding, too)! šŸ˜

    0
    Jesus David Villarroelā€¢100
    @jdvillarroelPosted about 4 years ago

    Thank you @ApplePieGiraffe

    I am sure it is going to look better now. šŸ˜ƒšŸ‘

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord