Submitted almost 3 years ago

Responsive web page

winniefredrick• 330

@b-l-u-e

Preview site View code

This is a solution for...

Single price grid component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Feedback! feedback!...

Community feedback

Mojtaba Mosavi• 3,760

@MojtabaMosavi

Posted almost 3 years ago

Look at the following things:

1- I suggest you define you media query a at larger screen size like around 700px becuase there is no margin between you container and body.

2- You've set a fixed height on the body which creates some overflowing issues, for instance the heading in you header is not visible on mobile view.

Keep Coding :)

Marked as helpful

winniefredrick• 330

@b-l-u-e

Posted almost 3 years ago

@MojtabaMosavi okay will take note on that and make some changes thanks

Ahmed Faisal• 5,095

@afrussel

Posted almost 3 years ago

Use a :hover color on button. Use some padding in mobile view

Marked as helpful

winniefredrick• 330

@b-l-u-e

Posted almost 3 years ago

@afrussel okay will make some changes thank you

Sohail Jafri• 350

@thesohailjafri

Posted almost 3 years ago

Try adding cursor pointer on sign-up button (mouse-hover event)
Colors are a bit different in solution and design, there is a style guild available in the provided folder which contains the exact color (HSL color code) that is used in the design.
GREAT WORK, KEEP IT UP ~_~

Marked as helpful

winniefredrick• 330

@b-l-u-e

Posted almost 3 years ago

@thesohailjafri will make some changes thanks for your feedback

Please log in to post a comment

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