Skip to content
Submitted over 2 years ago

preview card using html, css and bootstrap

Valter Kampos•140
@VKampos2
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 was already familiared with the card component in bootstrap, i did it mobile first workflow and it was difficult to center it till i found media property.

I wanna know how to overcome the accessiblity issues in my website?

waiting for feedbacks

thanks a lot

Community feedback

  • Shashree Samuel•9,260
    @shashreesamuelPosted over 2 years ago

    Good job completing this challenge

    Keep up the good work

    Your solution looks great however I think that the button needs a bit of padding using padding. Secondly the border-radius on the card needs to be decreased a little

    Let's talk about your accessibility issues

    • Document needs a main landmark, this is caused by the inability to detect the main content of the page. This can be fixed by simply wrapping all the tags between the body element within the semantic main tags.

    I hope this helps

    Cheers

    Marked as helpful
    0
    Valter Kampos•140
    @VKampos2Posted over 2 years ago

    @TheCoderGuru thanks a lot for your insight, really appreciate it

    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