Skip to content
Submitted 10 months ago

Responsive design using CSS Grid, CSS artwork for the background,

Zephyr_Grey•220
@Mercury225
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What did you find difficult while building the project?

  • The responsive design at the phone level, i had issues with margins and items coming out the screen

COLLECTIVE ANSWER: Which areas of your code are you unsure of?/ Do you have any questions about best practices?

  • Not too sure about html, body, .background-objects having a height of 0, is this common practice?
  • also not sure if i did the responsive design professionally, i feel like a fudged and fiddled with vh and vw

Community feedback

  • Marcos Travaglini•4,840
    @BlackpachamamePosted 10 months ago

    I must say that it turned out very well, but I can also say that you have taken the previous image of the challenge as a reference instead of the design image for desktop or mobile screens. You will notice that the background is smooth and does not have those figures around it.

    If you did it like this for pleasure, that's fine, if not, the truth is that it turned out great anyway haha, but you already know that for the next challenge.

    Marked as helpful
    3
    Zephyr_Grey•220
    @Mercury225Posted 10 months ago

    Thank you so much for this comment! I actually didn't know which image to use, but now i know i'm supposed to mimic design.jpg and not preview.jpg. I originally thought preview.jpg was the final version because it had more stuff on it and the design didn't have the background so i thought it was incomplete. Now i realise that is the wrong way to think about it. As i was making the background, i was thinking why a newbie challenge was actually really involved, and now i know why, i wasn't meant to make the background from preview.jpg in the first place. I am really enjoying these challenges though @Blackpachamame

    1

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