When making your web site you need to create HTML that matches your wireframe diagrams. Perhaps the biggest lesson here is to make sure to that you have set up Page Structure elements (see HTML 5 Periodic Table) to match the page areas that you have outlined in your wireframes. Remember that for both CSS Grid and Flexbox there needs to be a containing element where the grid or flex is applied.
This video walks through a couple of examples.
