Я хочу создать рамку вокруг изображения и подписи, которую мне удалось создать, но я не хочу, чтобы эта рамка становилась шире с экраном ... именно это она и делает в настоящее время.
Это в коде ручки: https://codepen.io/nherdy/pen/xxGOoLZ?editors=1100
Это html:
<div id="img-div">
<img id="image" src="https://assets.change.org/photos/8/hz/xi/DFHZxiusXbnKgqm-800x450-noPad.jpg?1517888048" alt="Collage of two pictures of Nicholas Winton">
<figcaption id="img-caption"><strong>Nicholas Winton as a young man with one of the children he saved and later in
life</strong></figcaption> </div>
Это CSS:
#img-div {
text-align: center;
border: 30px solid white;
background-color: #FFFFFF;
border-radius: 10px;
}
#image {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
Спасибо!