@yanshabalin1

Как уменьшить расстояние между рамками?

код html
<div id="content">
	<a href="language/English.html"  class="language"> 
        <img src="img/United-Kingdom.png"> английский </a>
    <a href="language/Germany.html"  class="language">
        <img src="img/Germany.png"> немецкий </a>
    <a href="language/France.html"  class="language">
        <img src="img/France.png"> французский </a>
    <a href="language/Spanish.html"  class="language">
         <img src="img/Spain.png"> испанский  </a>
      </div>

css:
.language {
display: block;
width: 125px;
height: 150px;
margin: 10px;
padding: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #4B4B4B;
overflow: hidden;
background-color: white;
border: 2px solid #E5E5E5;
border-radius: 10px;
font-size: 20px;
opacity: 0.9;
box-shadow: 1px 1px 7px #E5E5E5;
}
.language:hover {
background-color: #F1F3F4;
box-shadow: 3px 3px 7px #E5E5E5;
transition: 0.1s;
}
a {
margin: auto;
text-decoration: none;
}
#content {
display:flex;
}
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
Brad9aga
@Brad9aga
далее сам
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@yanshabalin1 Автор вопроса
и чтобы это не выглядело криво, желательно
Ответ написан
@lexchz
А зачем margin 2 раза переопределён? Убрать у ссылок margin: auto; margin-left: auto;
margin-right: auto; у контейнера поставить justify-content: center;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 сент. 2019, в 23:58
3000 руб./за проект
19 сент. 2019, в 21:14
20000 руб./за проект
19 сент. 2019, в 19:54
6400 руб./за проект