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 Bootstrap & Popper

#bootstrap
Chantaeā€¢ 320

@taepal467

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 other alternative ways on creating the Popper, please let me know.

Also, I just now noticed, when opening the live link in Safari web browser, the image is twice the height as it should be. But when opened in Google browser, everything is normal. Why is that?

Community feedback

Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think your image needs to be a bit wider and the card is missing a subtle box-shadow using box-shadow.

I hope this helps

Cheers Happy coding šŸ‘

0

Chantaeā€¢ 320

@taepal467

Posted

@TheCoderGuru Wow! Good eye. I actually didn't notice the box shadow. But thank you for the tip.

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