Hellow there.
Ima working in te proyect Fotomatic, but im realy get stuck.
This is my aprouch in HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./resources/css/index.css">
</head>
<body>
<header class="encavezado">
<nav>
<h3>Fotomatic</h3>
<div>
<ul>
<li>Produc detail</li>
<li>About us</li>
<li>Follow us</li>
</ul>
</div>
</nav>
</header>
<section>
<h3>Instant</h3>
<h1>FORMAT CAMERA</h1>
<span>Emial us to request a demo and ve in our waiting list from <strong>Febuary 2024</strong> release!</span>
<button>Join the wating list</button>
</section>
<section>
<div>
<h1>Advanced, automatic, instant</h1>
<h6>Shutter speed, apperture and flash output adjust automaticaslly</h6>
</div>
<div>
<h1>Beautifully crafted inside-out</h1>
<h6>From the paint outsid to the tiny screw inside, Fotomatic is crafted with love and 20-year of expertise</h6>
</div>
</section>
<section>
<h1>Over 20+ filters to choose from</h1>
<h6>Feed your creativity with 20 different filter designed by our eclectic in-house photographers!</h6>
<div>
<div>Pic 1</div>
<div>Pic 2</div>
<div>Pic 3</div>
<div>Pic 4</div>
<h1>“It’s truly something that could create a brand new photography Renaissance”</h1>
</div>
<footer>
<h6>© 2016 Fotomatic, All Rights Reserved</h6>
<h6>Designed in NYC</h6>
</footer>
</section>
</body>
</html>
But i´m not figure out how to start writing th CSS cladess and selectors to styless the HTML.
Somebody can help me, or give me a clue, meabe som viedo ??
Greatings.