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

Hubble Landing Page w/ Single Intro Section

David 250

@AA-David


Design comparison


SolutionDesign

Solution retrospective


Feedback & Constructive Criticism is appreciated :)

Community feedback

Adriano 37,770

@AdrianoEscarabote

Posted

Hello David!

Congrats on the challenge!

I have some tips for you:

1- put a body {min-height: 100vh;} so that the body fills all screens regardless of resolution

2- I saw that the image was a little cropped, I recommend you to use a different method which in this case is to put the image in the html through the background-image. But only if you are having a problem with the picture tag. this problem could be solved like this:

body { background-image: url('image.svg'); background-size: 100%; background-repeat: no-repeat;}

and with the media query you would control when it appears through the display: none;

I hope it helps

**But the rest is very good congratulations on the result. Congratulations 🥳 **

Marked as helpful

2

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