Skip to content
Submitted over 2 years ago

responsive page

vamp•60
@vampmora
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

i did it as much as i could to make it match the design , so hopefully it will look good, im still learning :) and every practice add more confident and add more knowledge to me :).

Community feedback

  • Rudolf Luayon•210
    @dumpdope1Posted over 2 years ago

    Hi we actually have same problem before.

    You can actually do auto resize by utilizing semantic element in HTML like Header, Nav, Article, Footer These Tags would automatically fit on any device size.

    Because if your using div the height and width is actually fix and it would not adjust in any device that's how I fix my code hope this would help :)

    Marked as helpful
    0
    vamp•60
    @vampmoraPosted over 2 years ago

    @dumpdope1 thanks a lot for your advice :) really appreciate.

    1
  • vamp•60
    @vampmoraPosted over 2 years ago

    dont know how 2 make it smaller to match the design :( and i always having problem with ACCESSIBILITY :( can any one suggest ? thank you in advance . .

    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