Submitted 5 months ago

HTML, CSS and JS

Mukarram Haq•270

@MukarramHaq

Preview site View code

This is a solution for...Article preview component

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

N/A

What challenges did you encounter, and how did you overcome them?

N/A

What specific areas of your project would you like help with?

I spent more time on this than usual. My issue is that my picture is being stretch because I set the height to 100% but when I don't set it to 100% it becomes small and the whole design falls apart

Any help on that issue would be highly highly appreciated

PS: I do have some sizes set to px which I was going to change later on and I haven't added the JS version to it as well.

The image stretch is really bugging me right now

Community feedback

Cynthia Agu•110
@cynthiachinenyePosted 5 months ago
nice design, your picture doesn't look stretched because you set it's height to be 100% beside it supposed to be 100% of the card container and you are using Flexbox as your CSS for easy display you can make use of a grid for it to be able to adjust on screen size. you defined a js script in you HTML but didn't make use of it there is no interaction on the share-btn. it is suppose to display some link when clicked on
0

Please log in to post a comment

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