frontend/css/example/basic1-with-all-sections/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>CSS Example</title>
</head>
<body>
    <header>Mi cabecera</header>
    <div id = "root">
        <nav></nav>
        <main>     
            <div class="content">
                <img src="https://tile.loc.gov/storage-services/service/pnp/cph/3g00000/3g03000/3g03000/3g03063_150px.jpg" />
                <img src="https://tile.loc.gov/storage-services/service/pnp/cph/3c00000/3c00000/3c00100/3c00170_150px.jpg"/>
                <img src="https://tile.loc.gov/storage-services/service/pnp/ppmsca/18700/18772_150px.jpg"/>
                <img src="https://tile.loc.gov/storage-services/service/pnp/ds/07400/07446_150px.jpg"/>
                <img src="https://images.freeimages.com/images/large-previews/2a5/cat-1178143.jpg" />
                <img src="https://images.freeimages.com/images/large-previews/da8/cat-1380264.jpg?fmt=webp&h=350" />
                <img src="https://images.freeimages.com/images/large-previews/15b/lap-cat-1243719.jpg?fmt=webp&h=350" />   
            </div>    
        </main>
    </div>   
    <footer>Footer</footer>    
</body>
</html>