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

Html, Css, Flex, JS

Tuangpiβ€’ 165

@Tuangpi

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


I tried in my way πŸ˜€, please suggest me if you find something can be better with. I mean it works but I wouldn't say I'm particularly proud of it. I would appreciate any feedback on my solution.πŸ˜€

Community feedback

Yashasvi Singhβ€’ 890

@aUnicornDev

Posted

Try using background-image instead of <img> tags for the card-image. That will cover the whole card without leaving any white areas.

Marked as helpful

0

Tuangpiβ€’ 165

@Tuangpi

Posted

@aUnicornDev Thank you

0
P
Patrickβ€’ 14,285

@palgramming

Posted

Source map error: Error: request failed with status 404
Resource URL: https://tuangpi.github.io/article-preview-component/css/main.css
Source Map URL: main.css.map

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