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 solution

Aldi Joko 410

@aldijoko

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


build using svelte frameworks and deploy with netlify

Community feedback

Divine Obeten 2,415

@Deevyn9

Posted

Hi Aldi, congrats on completing this challenge. From the design comparison above, it shows that the image hasn’t been made to have a height of 100%. And after looking at the live site on mobile, it shows that the container hasn’t been made to be responsive.

Solving these problems should give you a better solution.

Good luck and happy coding 🎈

0

Aldi Joko 410

@aldijoko

Posted

@Deevyn9 maybe there is some advice for this image? becauce when i try to fix it, there nothing happen

0

@lifeaddikt

Posted

@aldijoko Add this propreties to your img : height: 100%; object-fit: cover; It will be better :)

0
Divine Obeten 2,415

@Deevyn9

Posted

@aldijoko give it a height of 100%, if it is a background image, make it background size: cover;

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