I’m not sure what is wrong with my code, i just can’t align the icon with the desc. Can anyone pointed out where I’m doing wrong?
<section id="features">
<div class="grid">
<div class="icon"><i class="fa fa-child fa-3x" aria-hidden="true"></i></div>
<div class="desc">
<h2>Premium Ingredients</h2>
<p>Our burgers only use ingredients that locally sourced and grown, providing complete nutrients for your daily food intake</p>
</div>
</div>
#features .icon {
display: flex;
align-items: center;
justify-content: center;
height: 125px;
width: 20vw;
color: tomato;
}