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 challenge

Moโ€ข 840

@MohamedAridah

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


Hello everyone, any suggestions are welcome..!

Community feedback

Vanza Setiaโ€ข 27,855

@vanzasetia

Posted

Excellent work on this challenge, @MohamedAridah! Your solution looks great! ๐Ÿ‘ It looks good on both landscape and portrait mobile view and on my desktop view! Good job! ๐Ÿ‘

I would suggest adding a custom :focus-visible styling for the Sign-up button. This will make the users can interact with the button (by using Tab key) easily.

Also, I recommend using $ (the actual dollar sign) instead of using character references. UTF-8 supports most if not all the symbols so it's best to use the dollar sign directly. It's also great for SEO.

Keep up the great work! ๐Ÿ‘

Marked as helpful

0
Kamasah-Dicksonโ€ข 5,610

@Kamasah-Dickson

Posted

I really like your solution, it is responsive and text is also readable on smaller devices, besides good job there๐Ÿ‘ Happy Coding๐Ÿ‘

0

Moโ€ข 840

@MohamedAridah

Posted

@Kamasah-Dickson Thank you so much for this nice comment๐Ÿ’–๐Ÿ˜

Happy Coding๐Ÿš€

1
Kamasah-Dicksonโ€ข 5,610

@Kamasah-Dickson

Posted

@MohamedAridah you are welcome๐Ÿ‘

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