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

Flexbox & JS Article Preview Component

@tufcoder

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?

The mobile and desktop version for sure. It was a pleasure to make them work fine without many changes.

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

Definitely the share container was a challenge, position relative and absolute. Display flex helps a lot.

The triangle bellow the share box, I use a pseudo class ::after to make that and I'm proud of the result.

I struggle with change the svg color, but I found the way using inline svg and the property fill in the css.

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

Maybe using a background-image property not a tag ``.

Community feedback

P
hdgrid 40

@hdgrid

Posted

Very good solution, responsive and well-structured. Honestly, I hadn't thought of using global CSS for the colors. Great job!

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