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

@JaroslavHosovsky

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


I will be glad for any feedback.

Community feedback

@Bishalsnghd07

Posted

Hi, @Jeroslav

Great work🎉

  • A suggestion from my side may be it will help you. You need to update in Why us section(third section), the paragraph should be width-full in mobile screen(smaller screen), so it will take the entire area of that container and will look similar to the design.

  • Second thing you can do lighthouse testing by inspecting in your web page, there will be option for lighthouse, click on it and your performance of your web page will it taking time for loading or ok, will test best practices, accessibility and SEO. So, it is very good tool to check your performance of web page

  • You can use perfect pixel extension, it will help you to make pixel perfect code(almost 99%)

Hope so this tips will help you a lot. Nice work👍

You can check my solution also, for your reference - https://single-price-grid-component-mu-one.vercel.app/

Marked as helpful

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