Skip to content
Submitted over 2 years ago

Responsive 3 column preview using just HTML and CSS

John•20
@JohnPOR
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

First attempt at something responsive. I think the final mobile and desktop layouts look pretty close to the design, but I'm unsure about the responsive aspect i.e. breakpoint etc.

As always, feedback welcome.

p.s. just noticed the responsiveness isn't working on Github pages but it is working on local host and Chrome dev tools.

Community feedback

  • Abdul•8,540
    @SamadeenPosted over 2 years ago

    Hey!! Cheers 🥂 on completing this challenge.. .

    Here are my suggestions..

    • You can wrap your attribution section in a footer tag to avoid accessibility issues.

    This should fix most of your accessibility issues

    . Regardless you did amazing... hope you find this useful... Happy coding!!!

    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