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

Responsive article preview using HTML, CSS flex box, JS

Boyan Liu 465

@BoyanLiuu

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


Any comment or suggestion is appreciated.

Community feedback

David Payne 1,205

@dpayne713

Posted

Hi Boyan,

Looks nice and works well.

I found a bug that causes a formatting issue in Safari. You need to add height: 5rem to .profile__img in order for the picture to not try to auto expand to its original height. Not an issue in Chrome but looks strange in Safari.

Looks like something similar is occurring on Safari for the Mobile design on the height of the elements. The share box is not all the way at the bottom. May require a defined height to that lower content parent container.

hope this helps.

David

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