@hudarashid87
You are applying CSS on the section id this is where you went wrong. To make the icon align with your description apply display: flex to the grid class.
Demo
<!-- Html -->
<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>
</section>