Submitted about 3 years ago

Single price grid component - Sass

Michelle• 150

@mcdulingm

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Single price grid component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

My first Sass solution. I really love Sass. Also I know it says grid but I used flexbox instead.

Community feedback

Siddhesh Kamble• 330

@Sk7867

Posted about 3 years ago

Hi Michelle, It looks good on desktop but in mobile view and tablet view, 3rd section is not visible, in body put min-height: 100vh instead of height: 100vh and padding-top: 20px or any value you like so it doesn't stick to the top in mobile view.

Marked as helpful

Michelle• 150

@mcdulingm

Posted about 3 years ago

@Sk7867 thanks for the feedback. I just tested on some of the other mobile options and I see what you mean. Going to add it.

Patrick• 14,285

@palgramming

Posted about 3 years ago

Looks nice but you should put a :hover state on your button

Marked as helpful

Michelle• 150

@mcdulingm

Posted about 3 years ago

@palgramming ah thanks! I worked on it over a month ago and just posted without checking.

Michelle• 150

@mcdulingm

Posted about 3 years ago

@palgramming I see you have a lot of experience. Do you have any advice on the accessibility issues it's presenting within this solution?

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