Skip to content
Submitted over 3 years ago

Mobile-first grid card made using scss

TiredQuan•245
@TiredQuan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

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•13,130
    @ChamuMutezvaPosted over 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
    1
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    you should add a :hover state to your button

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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