sjkun
New member
- Jan 23, 2021
- 12
- 1
- 3
i need ur help, babiato users 
I need to write this part of the site with this arrangement of elements.
I can only do this.
I need to write this part of the site with this arrangement of elements.
I can only do this.
Code:
html
<section id="road">
<h1 class="troad">Путь к обновленному автомобилю</h1>
<div class="layout">
<div class="fline">
<div><h1 class="num">1</h1></div><div class="cell"><p>text 1</p></div>
<div><h1 class="num">3</h1></div><div class="cell"><p>text 3</p></div>
</div>
<div class="sline">
<div><h1 class="num">2</h1></div><div class="cell"><p>text 2</p></div>
<div><h1 class="num">4</h1></div><div class="cell"><p>text 4</p></div>
</div>
</div>
</section>
css
#road {
background-image: url("https://kudesniki.xyz/assets/images/road.png");
background-size: cover;
-webkit-background-size: cover;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.troad {
color: black;
font-size: 36px;
margin: 40px;
padding: 30px 0 0 60px;
}
.num {
color: #AE2929;
font-size: 100px;
}
.fline {
display: inline-flex;
margin-left: 60px;
float: left;
justify-content: center;
}
.sline {
display: inline-flex;
}
