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 component using flexbox and js vanilla

Thais 245

@thaiscode

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


Is there any way to control how the image will be cropped in object-fit?

feedback is welcome (:

Community feedback

Ham 340

@hmac100

Posted

Hi nice job 👍. Really like the breakpoints - very smooth transitions. If anything - Would be good to have the popup positioned in a way that's uniform from the share__button element so it's in the same position relative to it across all non mobile screen sizes. Would also be nice to have a simple toggle to hide the popup after a button re click maybe ? function displaySocials() { socials.classList.toggle("hide"); }

But great job - you're a lot further down the road than I am - well done.

Marked as helpful

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