Since the Figma template already shows 2 possible designs, you should always go with the one with a header placed on the top of everything as it is a better practice and that renders your layout more meaningful to users.
Heading of a section should be the first element.
<div class="project project_1"> <div> <img class="project_image" src="/images/pic_1.png" alt="project 1" /> </div> <h2 class="project_title font_p">Tonic</h2
Class name should be meaningful and make code easier to understand for others
<ul class="**api**"> <li class="api_item font_p">html</li> <li class="api_item font_p">css</li> <li class="api_item font_p">javascript</li> </ul>
Kindly remove unused code left inside your style.css file.
<div class="project project_1"> <div> <img class="project_image" src="/images/pic_1.png" alt="project 1" /> </div> <h2 class="project_title font_p">Tonic</h2<ul class="**api**"> <li class="api_item font_p">html</li> <li class="api_item font_p">css</li> <li class="api_item font_p">javascript</li> </ul>style.cssfile.