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

Three Column Component using HTML & CSS

Naveed 330

@Naveed89-tech

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


Any Feedback will be appreciated.

Community feedback

P
Noemi Gali 280

@NomiDomi

Posted

Hey @Naveed89-tech,

Really great job! You seem to have a really good understanding of the different types of units one can use in CSS.

The only suggestion I could give is to create CSS variables in the :root selector and use them for cleaner code.

Check this out in case you haven't use them before.

Hope this helps! Keep coding! :)

Marked as helpful

1

Naveed 330

@Naveed89-tech

Posted

@NomiDomi Thanks for the valuable feedback. In the next project, I will do this.😇

1
Aakash Verma 6,710

@skyv26

Posted

Hello! Naveed, Your Desktop design is ok.

But your mobile response designs are not ok. You can see that in mobile width design your design touches even going outside the mobile viewport (Vertically).

Fix it ASAP.

Good Luck

Marked as helpful

0

Naveed 330

@Naveed89-tech

Posted

@skyv26 Currently updated, thanks for your timely feedback.

1
Naveed 330

@Naveed89-tech

Posted

Thank u so much.

1

Aakash Verma 6,710

@skyv26

Posted

@Naveed89-tech Your welcome Naveed

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