Skip to content
Submitted almost 3 years ago

Responsive 3 column preview card component

Noemi Gali•280
@NomiDomi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Check my README.md file for the resources that I used in order to actually stop using pixels everywhere and use the better units instead.

As always, any feedback is much appreciated!! :)

Community feedback

  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    Switching over to rems and ems will make a big difference with responsiveness.

    If you wrap all of your content in a Main tag it will clear all of the accessibility warnings. Download AXE DevTools and you can fix them while you are coding. https://www.deque.com/axe/devtools/

    Hope this helps.

    Kevin Powell is awesome.

    Marked as helpful
    1
    Noemi Gali•280
    @NomiDomiPosted almost 3 years ago

    @brodiewebdt Thanks so much! :)

    0
  • Andjela•90
    @AndjelaAxyPosted almost 3 years ago

    Good work, thank you for sharing the material :)

    Marked as helpful
    0
  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    @NomiDomi Nice Work ! Try to make it similar like design preview. Overall fantastic job.

    Marked as helpful
    0
  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    Your welcome, glad I could help.

    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