Submitted almost 3 years ago

Mobile-first grid card made using scss

TiredQuan• 245

@TiredQuan

Preview site View code

This is a solution for...

Single price grid component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

This got pretty sloppy at the end since the desktop and mobile ver have different fonts, margins and everything

Also this was a good challenge since I'm not good at grid at all

Any criticism is welcome, I want to learn as much as I can from mistakes that I have made.

Community feedback

Chamu• 12,970

@ChamuMutezva

Posted almost 3 years ago

Greetings TiredQuan

it is recommended to have one h1 element in a page that describes the overall purpose of the content. See this article for more headings
heading levels must ascend in order h1, h2 , h3 etc
use css to control the font size

Marked as helpful

Patrick• 14,325

@palgramming

Posted almost 3 years ago

you should add a :hover state to your button

Marked as helpful

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