Skip to content
Submitted over 3 years ago

HTML and CSS

Shivani Badola•60
@Shivani1917
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

Adaptability problem in different browsers (Responsiveness), How to do to achieve this?

Community feedback

  • Anmol Kapil•655
    @anmolkapilPosted over 3 years ago

    Congrats for finishing your project. 🎉 I would like to suggest you few things.

    1. I guess you downloaded images from somewhere else. You can find all the required images in the project folder itself. (usually in .svg format, but can be used in "img" tag also. Explore more about svgs for more advanced use)

    2. To make it responsive. You have to learn "Media Queries". Basically what it does is, set breakpoints for different sizes. So, you can apply different css for different sizes.

    Happy Learning :)

    Marked as helpful
    4
    Shivani Badola•60
    @Shivani1917Posted over 3 years ago

    @anmolkapil Thankyou Anmol Kapil for your suggestions, I'll keep this in mind and surely work accordingly..

    Thanks for responsing!!!

    1
    Anmol Kapil•655
    @anmolkapilPosted over 3 years ago

    @Shivani1917 Happy to help🙌

    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