Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found

Submitted

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

P

@Mercury225

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@Blackpachamame

Posted

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

P

@Mercury225

Posted

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
Discord logo

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