My tribute page - Kora

My tribute page - Kora
0

#1

I praticed to make the same page as Freecodecamp’s example: https://codepen.io/Kora/pen/OXKxRa?editors=1010

There is one problem: I cannot create the white space around the image. Is that padding?

Please give me advice on that as well as any problem you can see!

Thanks


#2

It looks more like a border, I changed:

.box {
background-color: white;
padding: 3px solid white;
border: 1px solid lightgray;
text-align: center;
border-radius: 10px;
}

To:

.box {
background-color: white;
border: 5px solid white;
text-align: center;
border-radius: 10px;
}

and I was able to get the white border around the picture. Hope this helps!


#3

Thanks!

But their image has a lightgrey border outside some white space.

Now I know. To do that, just simply use the class .thumbnail for the image!!!