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

Geraldo Venturaβ€’ 90

@Geeraldv

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


Any recommendation will be appreciated

Community feedback

Vanza Setiaβ€’ 27,795

@vanzasetia

Posted

Excellent work on this challenge, Geraldo! Your solution is responsive and looks great! πŸ‘

In your CSS, I noticed this selector .container .card .card-2 which would be much be as .card-2 . I would strongly recommend keeping the CSS specificity as low and flat as possible. High specificity will make your stylesheet hard to maintain.

Try to use rem or sometimes em unit instead of px. Using px will not allow the users to control the size of the page based on their needs.

I highly suggest writing the styling using the mobile-first approach. It often leads to shorter and better performance code. Also, mobile users won't be required to process all of the desktop styles.

That's it! I hope this information is useful! 😁

Marked as helpful

1

Geraldo Venturaβ€’ 90

@Geeraldv

Posted

@vanzasetia Your comment is very useful, these points will make me improve a lot as a frontend, I hope more reviews in my challenges. βœŒπŸ»πŸ‘¨πŸ»β€πŸ’»

1
Doston Nabotovβ€’ 950

@dostonnabotov

Posted

Except for bold font-weight, your site looks great. I think, it is good add font-weight: bold; to your title, button and e.t.c., in order to match with the solution.

Marked as helpful

1

Geraldo Venturaβ€’ 90

@Geeraldv

Posted

@dostonnabotov Thanks for your review, I'll take apply the changes.!!

0
Kamasah-Dicksonβ€’ 5,590

@Kamasah-Dickson

Posted

Your solution looks good on smaller devices. Good job thereπŸ‘ Keep codingπŸ‘

Marked as helpful

1

Geraldo Venturaβ€’ 90

@Geeraldv

Posted

@Kamasah-Dickson Thank youuu!

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