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
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!
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!!!