html {
min-height: 100%;
}
body {
min-height: 100vh;
display: flex;
}
.main {
margin: auto;
}
.registration__step-item:after {
content: "";
background-color: #fff;
display: block;
position: absolute;
width: 10px;
height: 100%;
right: -7px;
top: 0;
transform: skew(10deg);
}
li {
list-style: none;
padding-left: 30px;
background-image: url(icons/bullet.svg);
background-repeat: no-repeat;
background-position: left center;
}
img {
height: 100%; /* или max-height, по ситуации */
width: auto;
}
</textarea>
<textarea class="form-control" id="body" name="body" placeholder="Обожаю Express. На нем круто делать сайты"
rows="3" required>Hello</textarea>
<div class="mt-5 text-center">
тоже совершенно не нужна .wrapper {
display: flex;
flex-direction: column;
}
.form-block {
order: 1;
}
.heading-block {
order: 2;
}
$( '#form' ).appendTo( '#block' );
ul li {
position: relative;
left: 1em;
}
<tr>
<td>
<form action="">
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</form>
</td>
</tr>
center (center/cover)
background: url(../../img/Background2.png) center center / cover no-repeat;