W sumie może lepiej udostępnie cały kod
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Lorem</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap" rel="stylesheet">
<link href="C:\Users\dawid\OneDrive\Pulpit\strona www\fontawesome-free-5.13.0-web\css/all.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0, ">
</head>
<body>
<div id="container">
<header class="clearfix">
<nav>
<p><a href="#">Lorem</a></p>
<ul class="clearfix">
<li class="list"><a href="#Lorem"><i class="fas fa-male"></i> Lorem</a></li>
<li class="list"><a href="#Lorem"><i class="fas fa-dolly-flatbed"></i>Lorem</a></li>
<li class="list"><a href="#Lorem"><i class="fas fa-atlas"></i>Lorem</a></li>
<li class="list"><a href="#Lorem"><i class="far fa-envelope"></i>Lorem</a></li>
</ul>
</nav>
</header>
<main class="main">
<article id="abouth">
<section id="discription">
<h2 > O mnie</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic consectetur repellendus dignissimos veritatis alias quidem, nobis in distinctio, cum reiciendis impedit eveniet voluptatem animi ratione, esse explicabo rerum dicta at?</p>
</section>
<section id="story">
<h2 id="Lorem">Lorem</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat harum maiores necessitatibus eum neque inventore quo cumque reprehenderit provident voluptas quos dolore, esse enim, eos ducimus veniam eligendi! Deleniti, provident.</p>
</section>
</article>
<div id="freetime">
<h2 >Lorem</h2>
</div>
<section id="photos clearfix">
<div class="photo">
<p>Lorem</p>
</div>
<div class="photo">
<p>LOREM</p>
</div>
<div class="photo">
<p>lLorem</p>
</div>
<div class="photo">
<p>Lorem</p>
</div>
</section>
<article id="experience">
<div class="belt">
<h1 id="Lorem">Lorem</h1>
</div>
<section id="mainexperience">
<div class="clearfix clear">
<div class="text">
<i class="fas fa-chart-line"></i>
<h2>Lorem</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui vero dolores quibusdam quod, beatae quos, natus dolorem voluptatum voluptate cupiditate architecto dicta veritatis exercitationem facilis iste, adipisci deserunt quis unde.</p>
</div>
<div class="text">
<i class="fas fa-search-dollar"></i>
<h2>Lorem</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia quisquam, eius. Vitae explicabo dolorem aperiam, cupiditate omnis? Asperiores nulla omnis quae quasi in neque id quia, sint, eos, hic rem.</p>
</div>
<div class="text">
<i class="fas fa-people-carry"></i>
<h2>Lorem</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque optio enim officiis accusamus tempora, iure explicabo, nemo labore laudantium voluptate, fuga cumque quam, rerum adipisci voluptas! Pariatur alias quasi voluptatum.</p>
</div>
</div>
</section>
</article>
<h2 id="oferta">Lorem</h2>
<article id="offer">
<section class="oneoffer">
<div class="clear1 clearfix">
<div class="stand">
<div class="icon1"><img src="icons/icon1.png" alt="icon1"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At optio impedit voluptate repellat vitae iusto, rerum perspiciatis sunt debitis dolor, numquam eum quibusdam velit placeat pariatur alias. Deleniti, soluta, perspiciatis.</p>
</div>
<div class="stand">
<div class="icon1"><img src="icons/icon2.png" alt="icon2"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At optio impedit voluptate repellat vitae iusto, rerum perspiciatis sunt debitis dolor, numquam eum quibusdam velit placeat pariatur alias. Deleniti, soluta, perspiciatis.</p>
</div>
<div class="stand">
<div class="icon1"><img src="icons/icon3.png" alt="icon3"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At optio impedit voluptate repellat vitae iusto, rerum perspiciatis sunt debitis dolor, numquam eum quibusdam velit placeat pariatur alias. Deleniti, soluta, perspiciatis.</p>
</div>
</div>
</section>
<section class="clearfix sekendoffer">
<div class="clear1 clearfix">
<div class="stand2">
<div class="icon1"> <img src="icons/icon4.png" alt="icon4"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At optio impedit voluptate repellat vitae iusto, rerum perspiciatis sunt debitis dolor, numquam eum quibusdam velit placeat pariatur alias. Deleniti, soluta, perspiciatis.</p>
</div>
<div class="stand2">
<div class="icon1"> <img src="icons/icon5.png" alt="icon5"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At optio impedit voluptate repellat vitae iusto, rerum perspiciatis sunt debitis dolor, numquam eum quibusdam velit placeat pariatur alias. Deleniti, soluta, perspiciatis.</p>
</div>
<div class="stand2">
<div class="icon1"> <img src="icons/icon6.png" alt="icon6"></div>
<p id="kontakt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. At optio impedit voluptate repellat vitae iusto, rerum perspiciatis sunt debitis dolor, numquam eum quibusdam velit placeat pariatur alias. Deleniti, soluta, perspiciatis.</p>
</div>
</div>
</section>
</article>
<article class="contact">
<h2>Lorem</h2>
<div class="wrap clearfix">
<form>
<input type="text" placeholder="Twoje imię">
<input type="text" placeholder="Email">
<textarea placeholder="Twoja wiadomość"></textarea>
<button>Wyślij wiadomość</button>
</form>
<section class="socials">
<div class="social clearfix"><img src="grafika/contact1.png" alt="">
<p>email@domena.pl</p>
</div>
<div class="social clearfix"><img src="grafika/contact2.png" alt="">
<p>666 666 666 </p>
</div>
<div class="social clearfix"><img src="grafika/contact3.png" alt="">
<p>Lorem</p>
</div>
<div class="social clearfix"><img src="grafika/contact4.png" alt="">
<p>Lorem</p>
</div>
<div class="social clearfix"><img src="grafika/contact5.png" alt="">
<p>Lorem</p>
</div>
</section>
</div>
</article>
</main>
<footer> ©</footer>
</div>
</body></html>
Wgl gdy badałem stronę np w mozilli to takowy margines się nie pojawiał