Нельзя сделать границу stati c, так как экран меняет размер - PullRequest
1 голос
/ 21 февраля 2020

Я хочу создать рамку вокруг изображения и подписи, которую мне удалось создать, но я не хочу, чтобы эта рамка становилась шире с экраном ... именно это она и делает в настоящее время.

Это в коде ручки: 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;
}

Спасибо!

...