Skip to content
Submitted over 2 years ago

Mobile first using HTML and CSS

Luka Velijević•70
@Git-Lux
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Next challenge completed..really struggled with this one in terms of responsiveness..everything was all over the place..frustration really got to me on this one lol Anyways, could anyone give any tips for overlays cause in the mobile version the overlay never sticks to the image borders when i put the height on 100% so I had to reduce it a little..and tips on the stats part on which markup I could better use in that situation. Should i have used ul and li's instead?

Tnx for any input in advance. Much appreciated :)))

Community feedback

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

    Hey Git-Lux, good job completing this challenge. Keep up the good work.

    Your solution looks great however I think the font-family of your card title should be the one specified in the style-guide.md file

    The card information regarding the stats, companies etc should be colored according to the style-guide.md file.

    In terms of your accessibility issue simply wrap all your content between <main> tags

    I hope this helps Cheers Happy coding 👍

    Marked as helpful
    1

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