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, CSS, Flexbox, Javascript

@marcobaass

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 build it completely with Flexbox. Looking back, a combination of Flexbox and Grid might have been easier. Other than that I had a lot of fun building it.

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

Making it responsive. Again, combining with grid might have helped here.

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

Happy about any feedback.

Community feedback

P

@ivanorsolic95

Posted

There are a couple issues with your solution. First of all, on a smaller screens, when you toggle and the social media icons are being displayed, I cannot see share button.

When comes to bigger screens such as desktop, you have to much space under the div with class "profile-container".

Also when I'm zomming in your component on desktop, it is not responsive, the content does not stay in it's position.

Marked as helpful

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