Help resizing the background of my portfolio please :)

https://codepen.io/mariana_moniz/pen/bBwREL

I cant seem to resize this space picture so that it goes all the way to the edges of the screen and is only big enough to take up the whole screen height and width when the page loads. It is way too big at the moment and it stretches to the right side, and for some reason I can re-size it.

help appreciated :slight_smile:

UPDATE: I managed to google the solution for the picture size problem, but now my buttons are nowhere to be seen. Why is this and how do I fix this?

When I look at that link, I see a background image which fills the screen and three buttons near the top. Is this what you’re aiming for?

The most convenient way to set a background image is usually via the background-image and background-size CSS properties. In your case:

body {
    background-image:url('http://www.technocrazed.com/wp-content/forum/uploads/2015/12/HD-Space-Wallpaper-For-Background-6.jpg');
    background-repeat:no-repeat;
    background-size:100% 100%;
}

or

body {
    background-image:url('http://www.technocrazed.com/wp-content/forum/uploads/2015/12/HD-Space-Wallpaper-For-Background-6.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}
1 Like

Also, I would recommend this very short Bootstrap tutorial: http://tutorialzine.com/2015/10/learn-the-bootstrap-grid-in-15-minutes/