friday 3/22/2024

today I tried doing display grid which is copying a website using blocks of a header, nav, left, & right as you can see in the following code

<div class="grid-container">
        <div id="nav" class="grid-item">Nav</div>
        <div id="header" class="grid-item">  <img src="Captureyt3.PNG" alt=""></div>
        <div id="left" class="grid-item"><iframe width="560" height="315" src="https://www.youtube.com/embed/WV5RDn6UH0g?si=5TYwq5Xy7jKlxSPK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        <img src="Captureyt.PNG" alt=""></div>
        <div id="right" class="grid-item"> <img src="Captureyt2.PNG" alt=""></div>
    </div>

it wasn’t that successful but ill still show images and try to get better