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 [HTML, CSS, JS]

@florinpavel22

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 looked simpler than it actually was. Gave me a few headaches but in the end I am happy with the result.

Community feedback

@limtedtorni000

Posted

Hi Florin your solution very good Its look great and very responsive.

3

@florinpavel22

Posted

@limtedtorni000 Glad you like it, mate.

0
David Payne 1,205

@dpayne713

Posted

Hey Florin,

Nice job! this one is deceptively tricky.

  • Heads up for Safari browser you will need to give some elements a defined height value for them to not stretch strangely. for example your .publisher div would need a defined height as it's currently stretching to 175px of height and messing with the aspect ratio of the picture.

Keep it up!

David

3

@florinpavel22

Posted

@dpayne713 Hey David, really appreciate your input! Wasn't aware of how it looks like on Safari, just checked it on my iPhone and indeed it looks weird. I'll fix this later today.

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