Groovy images
.preview { width: 400px; margin: 0 auto; } main img { display: block; width: 250px; margin: 20px auto; box-shadow: 5px 5px 0 black; } header { display: flex; justify-content: center; align-items: center; gap: 20px; }
<header> <img src="images/star.png" alt="A star that I use to decorate my page"> <h1>Groovy images</h1> </header> <main> <img src="images/teapot.jpg"> <img src="images/football.jpg"> </main>
