I need help on my personal portfolio page

1

so, making my personal portfolio page and have a background but instead of one big picture it’s just a lot of small pictures that all look the same, what am I doing wrong

here’s my HTML code

<body>
  <h1 class="head">Bailey DeSpain</h1>  
</body>

and here my CSS code

  .head{
  text-align:center;
  font-size: 
}
body {
  background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSbtUSgcg76mTwluDfT0WpOnNhfZfqSNpWR7fxvyon0xNmYrEPanA");
}

heres my codepen https://codepen.io/bailey-despain/pen/rzPzeX

2

You should add background-size: cover; to your body tag.

1 Like
3

hmm I did that but it only shows part of the picture and it’s super blurry

5

I think it has to do with the resolution of the image you picked. For example, use this image and you will see that it is not blurry and it fits the screen.

1 Like
6

sweet, thanks. also how can i find backgrounds the right size?

7

When I am searching for images, I look for their resolutions and pick ones that are over 1200 px wide :slight_smile:

1 Like