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
Not Found
Not Found
Not Found
Not Found

Submitted

Desktop and Mobile Single Price Grid Component

Abaso 90

@originalboss

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 are you most proud of, and what would you do differently next time?

I think I did the desktop design well, but I struggled with the mobile design.

What challenges did you encounter, and how did you overcome them?

I did take a break during this prject, s I don't really remember what it was I just remember struggling with the mobile design

What specific areas of your project would you like help with?

I'm not sure, I think I did alright. I will gladly accept any feedback.

Community feedback

@IvaBas

Posted

Hi, you can put that the main container has the width of 900px, so that the width is more similar to the original. If you used css grid and grid areas, for desktop design you will have grid-template-areas: "box1 box1" "box2 box3"; And for mobile design grid-template-areas: "box1" "box2" "box3"; Kind regards :)

0

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