код 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;
}
Средний
Простой
