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

solution using flexbox

bfc 160

@bfc0

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


This task looks very easy. Except for the fact, that it makes you reuse the same component in a mobile resolution as a part of the page and in a desktop resolution as an absolutely positioned element, that should be pointing at the right spot on different screens. This took me the whole day to solve, and taught me a lot about positioning and manipulating styles in javascript.

Community feedback

@marviecephas

Posted

That's why we're developers... well done for not giving up... ;)

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