Skip to content
Submitted over 2 years ago

Social Proof Section (Mobile First Design)

Kent O'Sullivan•1,870
@12Kentos
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

First time trying out the mobile first approach. I've got mixed feelings about it tbh, probably the issue is I've done quite a few projects desktop first, so it feels weird doing it almost in the reverse.

Community feedback

  • Giang Nhật Khánh (Kayden)•150
    @KaydenGiang2512Posted over 2 years ago

    Brilliant work Kent! I just noticed a single accessibility issue in the report generated by Frontend Mentor, where there is no <h1> tag in your entire document. Other than that, your solution was very close in resemblance to the original design. One suggestion that I would make is to set up all your colors as custom properties to be used widely across your stylesheet simply by calling var(--your-color).

    1
    Kent O'Sullivan•1,870
    @12KentosPosted over 2 years ago

    @KaydenGiang2512

    Thanks for the reply and the suggestions!

    0

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