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

preview component card

@dimitrisdr

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?

I think that i am starting to understand how to write better semantic html. I also know that I need to work harder on this topic in order to consolidate it.

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

I don't think that I managed to construct the share icons container with minimum code. There must be a simpler way of showing the icons from desktop to mobile without changing the parent which icons container lives.

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

I think that I would like a simpler approach for how to display the icons container with simpler way (no js) like the design.

Community feedback

P
Paulā€¢ 420

@mayor-creator

Posted

@dimitrisdr congrats on this project. It looks great. Here's a few suggestion to help improve your project, set max-width to 365px for both the title and description. The max-width will set the maximum width space needed for both the title and description.

#Happy Coding

0

@dimitrisdr

Posted

Thans @mayor-creator ! I will try it out!

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