Блог

Я пытаюсь использовать адаптивный авиатар для своей главной страницы на веб-сайте (osakaairport.com), все работает хорошо, за исключением того, что добавлено в figcaption, что создает проблемы как в представлении рабочего стола, так и в медиа-запросе.

Любое предложение или обходной путь, который я должен изменить.

 figure {
max-width:100%;
    display: inline-block;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
}

figcaption {
  background-color: black;
  color: white;
  font-size: 10px;

  font-style: italic;
  padding: 2px;
  text-align: center;
  margin: 4px;

}