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

@CFlores9812

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


If i could get feedback on how to improve,

Community feedback

P

@gsterczewski

Posted

Hey, first of all nice work. I think your background color on "Abou us" section is too bright, thus there is not enough contrast between background and text. You could use some tool to get exact color from page( I use colorZilla addon on firefox ). Try #4ABEBD. Also, I noticed that you don't have a box shadow set ( try this https://html-css-js.com/css/generator/box-shadow/ ), maybe it will help. Those tweaks should get you little but closer to the design of the desktop version. As for the mobile design, currently on smaller screens your layout doesn't adjust (maybe try to change grid property) and upper part of the layout is cropped ,so I can't see full main title (maybe get rid of fixed height from the body). Anyway good effort.

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