Skip to content
Submitted about 1 year ago

HTML, CSS and JS

P
Mukarram Haq•440
@MukarramHaq
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • Cynthia Agu•110
    @cynthiachinenye

    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

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