Tribute Page - Build a Tribute Page

Hey guys, can anyone help me? I really don’t know how to do this. My project: https://codepen.io/davimgfx/pen/QWBXEdN

I just can’t get past the last item. "Your #image should be centered within its parent. "

#image{
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
    border-radius: 15px;
    border: 4px solid black;
}

The problem lies with the border property. The test seem to fail when a border of more than 2px is given. This is because the border is added outside the element.

One way to fix this problem without sacrificing the border is to use the box-sizing property and then set the value to border-box. You can either set it to the image or to all the elements using the * selector. I personally choose to set it for all the elements.

thx my friend, you help me a lot

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.