<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>FlexBox</title>
</head>
<body>
<div class="wrapper">
<div class="block">
<div class="block__row">
<div class="block__column block__column_1">
<div class="block__item">1</div>
</div>
<div class="block__column block__column_2">
<div class="block__item">2 <br> более высокий блок</div>
</div>
<div class="block__column block__column_3">
<div class="block__item">3</div>
</div>
</div>
</div>
</div>
</body>
</html>
body {
font-family: Arial, Helvetica, sans-serif;
}
.wrapper {
height: 100%;
overflow: hidden;
padding: 50px;
}
.block__row {
display: flex;
flex-direction: column;
align-items: flex-end;
border: 20px solid #ece89d;
margin: 0 0 20px 0;
}
.block__column {
border: 20px solid #5e5373;
}
.block__item {
background-color: #18b5a4;
padding: 50px;
font-size: 50px;
color: #fff;
font-weight: 700;
text-align: center;
}
.block__column_1 {
}
.block__column_2 {
background-color:chocolate;
font-size: 90px;
}
.block__column_3 {
}
Почему не работают стили для .block__column_2 ?
Простой
Средний
