Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="container">
- <div class="sub_unit-nav-block">
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Герметики</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Трубы</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Замки фурнитура</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Изоляция</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Герметики</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Трубы</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Замки фурнитура</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Изоляция</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Герметики</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Трубы</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Замки фурнитура</span></a>
- <a href="#" class="unit-nav_sub_unit-nav-block"><span class="text_unit-nav">Изоляция</span></a>
- </div>
- </div>
- body{
- background-color: black;
- }
- .container{
- display: flex;
- align-items: flex-start;
- justify-content: flex-start;
- width: 100%;
- }
- .sub_unit-nav-block {
- display: grid;
- grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
- max-height: 300px;
- min-width: 240px;
- height: auto;
- background: #E1363B;
- box-sizing: border-box;
- padding: 25px 30px 30px 30px;
- }
- .unit-nav_sub_unit-nav-block {
- color: white;
- text-decoration: none;
- font-size: 14px;
- margin-top: 17px;
- transition: 0.2s;
- font-family: 'robotoregular';
- }
- .unit-nav_sub_unit-nav-block:first-child {
- margin-top: 0;
- }
Add Comment
Please, Sign In to add comment