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

Article preview component

Masseh 210

@Masseh2025

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

What I'm most proud of is how I implemented the tooltip, If I were to do something differently next time I would probbaly add clamps to the text size so it would be more responsive.

What challenges did you encounter, and how did you overcome them?

The challanges I encountered were that I managed to implement a blue footer by problem solving and trying different approaches.

What specific areas of your project would you like help with?

The specifc areas I would like help with is neater code and maybey different approaches, any feedback would be much appreciated however.

Community feedback

P

@juliusalberto

Posted

The solution isn't very semantic but it's okay (at least for me). The layout does look good, but there are few improvements that can be made:

  1. I believe that the font is a bit off, particularly with regard to the line height. It can be fixed!
  2. There's no name and profile picture in the mobile page? I'm not sure if this is a bug tho

The code is pretty well structured I believe. It doesn't considerably differ from the design.

Nice one!

Marked as helpful

1

Masseh 210

@Masseh2025

Posted

I did the design wrong ;(, anyways thanks for the feedback @juliusalberto

0

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