Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML and CSS

Shivani Badolaβ€’ 60

@Shivani1917

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Community feedback

Anmol Kapilβ€’ 655

@anmolkapil

Posted

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

@Shivani1917

Posted

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

Thanks for responsing!!!

1
Anmol Kapilβ€’ 655

@anmolkapil

Posted

@Shivani1917 Happy to helpπŸ™Œ

1

Please log in to post a comment

Log in with GitHub
Discord logo

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