Skip to content
Submitted 6 months ago

Four Card Feature

P
Will Cooley•200
@CooleyWC
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

This was my first time using Sass for CSS

What specific areas of your project would you like help with?

I know my box-shadow for the cards isn't quite like the Figma design - I could use help with this.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    David Lemvigh•200
    @dlemvigh

    The visual

    Looks great, minor discrepancies from the design, but it feels more like a stylistic choises than mistakes.

    Nice use of CSS grid

    The code

    Nice clean HTML, the only petty comment is that you have multiple h1 headings which might not be the best for accessibility, but I could be wrong on that.

    The scss files are generally well structured. There is a bit of .hero styling that has snuck into _typography.scss which is confusion, and probably should be in _hero.scss.

    Marked as helpful
  • Robert Horosewski•310
    @horoserp

    For the box-shadow, try drastically increasing the blur (to lighten the shadow) and adding a negative spread radius (to reduce its size).

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