Submitted almost 3 years ago

Space Travel Website Scrimba/Frontend Mentor Final

@GuilhermeAFCruz

A solution to the Space tourism multi-page website challenge

Solution retrospective

Solution for the Technology Image placement? couldn't find a way to put the image on full screen on smaller sizes like the figma design.

Code

Please log in to post a comment

Community feedback

J.D. Browne•870
@PeshwariNaan
Posted almost 3 years ago
Hello Guilherme - nice work on the challenge. That was a lot to code for the straight html / css approach. As far as the images go, I see you have some of the settings set for max-width: 100%. This is fine but it won't force the image to fill the container and it won't ever make the image larger than it's original size. You have to set a min-width and min-height property to do that. The only problem is the pictures won't keep its aspect ratio so you will have to play with the values to get it to look right. Also you have a typo in your css towards the top - picture is spelled wrong. --/* make images easier to work with */ img, picutre { max-width: 100%; display: block; } Hope this helps. Cheers

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