Skip to content
Submitted about 4 years ago

3-column-preview-card-component (responsive webdesign)using HTML & CSS

Deepthi M R•90
@Deepthi-Ramesh
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello everyone ! Here is a solution for the 3-column-preview-card-component which is totally responsive, created using Flexbox and grid .I am open to take any suggestions to improve my design. Thank you everyone.

Code

Please log in to post a comment

Log in

Community feedback

  • Nishkarsh Dubb•165
    @Nishkarsh01

    Hello, Deepthi-Ramesh! 👋

    Congrats on finishing your first frontend mentor challenge! Here are few suggestions from me:

    • please do add the link to the GitHub repository so that we can view your code.
    • update the background color of body to background: hsl(0, 0%, 95%);
    • try giving the heading font-family: 'Big Shoulders Display', cursive;
    • try reducing the height of each card.
    • try fixing the ACCESSIBILITY ISSUES and HTML ISSUES mentioned in the report by frontend mentor.

    Good luck with that, have fun coding! 💪

  • Arya Anish•1,492
    @AryaAnish121

    Nice but can do a few things

    • update the background
    • make card smaller

    it's perfect

    congrats on your first solution

    Byy

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