Submitted over 3 years ago

Html, css

Guli• 70

@GulshanoyIbragimova

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Stats preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Im new to programming, I would highly appreciate any feedback! I tried hard but couldnt understand why the main image wasn`t fitting to the container fully.

Community feedback

Faris P• 2,810

@FarisPalayi

Posted over 3 years ago

Hey, good job on this one 👏! The Layout is responding nicely to different screen sizes.

To show the pictures, you can push the images folder with the image to GitHub. Because, currently, the image path(images/image-header-desktop.jpg) doesn't exist on your GitHub repository.

And also, you can use the border-radius property to make the card's corner rounded.😃

Guli• 70

@GulshanoyIbragimova

Posted about 3 years ago

@FarisPalayi thank you Faris😇I tried!Will try to apply the changes further!

Ayoola• 120

@Josh-Ay

Posted over 3 years ago

Hi! Well-done on completing this challenge and welcome to programming!!

I think you made a really great attempt at this challenge and I think the reason why the image doesn't fit to the container fully is because bootstraps responsive columns i.e, col-lg- has default padding-right and padding-left values. So you would have to override those default values.

You could try:

.row .main-image {
    padding: 0;
}

The image isn't showing though.

Guli• 70

@GulshanoyIbragimova

Posted about 3 years ago

@Josh-Ay thank you very much for taking your time! Yes the image wasn’t loaded to my repository yet

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