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

Single Price Grid Component using CSS Grid & Media Queries

Sky 945

@Skyz03

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


It was a not getting the best ways to make it responsive and made it as fluid as possible... if anyone have any best practices and recommendation to take it to the next level it will be highly appreciated. Thanks in Advance 👍😁

Community feedback

@MuhammadLaeeq

Posted

Nice effort ! Just fix the button and apply the border on the box

1

Sky 945

@Skyz03

Posted

@MuhammadLaeeq Thanks a lot... Will surely look at this.

0
P
tediko 6,580

@tediko

Posted

Hello, Sky! 👋

Well done on this challenge, you're going like crazy recently! Here's a few things I'd suggest you to take a look at:

  • Use <ul> unordered list for why-section-description instead of paragraphs. Lists allow web developers to group a set of related items in lists.

Keep up the good work! 💪

1

Sky 945

@Skyz03

Posted

@tediko Thanks ... I was thinking in a similar way, but when I implemented it using UL and Li. The bullet dots were appearing. Is there a way to vanish those out as we don't have them in design ? 😃

0
P
Patrick 14,325

@palgramming

Posted

well here are a few things to change

  1. The overall design does not have the border radius on the corners
  2. Instead of setting button size with padding set it with a height and a width so it keeps it shape and does not make your text go to two lines in mobile view

otherwise you have a good start on this project

1

Sky 945

@Skyz03

Posted

@palgramming thanks a lot ... Will surely update this one. Your 2nd point it great.

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