Usunięcie odstępów między zdjęciami

Question

Witam. Na swojej stronie w sekcji usługi chciałbym wstawić 4 zdjęcia (po dwa tak jakby w jednej linii) z szerokością 50% okna przeglądarki. Problem jest taki, że robią się jakieś odstępy i nawet wyzerowanie paddingu i marginesu nie pomaga. Byłbym wdzięczny za pomoc, jakieś wskazówki itp. 

	<style>
*{
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    font-size: 20px;
    overflow-x: hidden;
}

.photo {
    width: 50%;
    float: left;
}

.categories img{
    width: 100%;
    margin: 0;
    padding:  0;
}


h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    top: 52%;
    left: 50%;
    margin-top: 45px;
    margin-left: -400px;
    position: absolute;
}


</style>



	<main>
		<article>
			<section>
				<div class="about">
					<h2 id="me">O mnie</h2>
					<p>Ut pretium turpis venenatis purus tincidunt, vitae convallis libero convallis. Vivamus ac libero pharetra, tempor diam vitae, semper nibh. Proin ac mauris turpis.</p>
				</div>
			</section>
			<section>
				<div class="service">
					<header>
						<h2 id="uslugi">Usługi</h2>
					</header>
					<div class="photo">
						<div class="categories">
							<img src="img/small.jpg" alt="naprawa komputera">
						</div>
					</div>
					<div class="photo">
						<div class="categories">
							<img src="img/small.jpg" alt="naprawa komputera">
						</div>
					</div>
					<div class="photo">
						<div class="categories">
							<img src="img/small.jpg" alt="naprawa komputera">
						</div>
					</div>
					<div class="photo">
						<div class="categories">
							<img src="img/small.jpg" alt="naprawa komputera">
						</div>
					</div>
					<div style="clear: both"></div>
				</div>
			</section>
</article>
</main>

 

Answer 1

Po uruchomieniu kodu wszystko działa jak należy, zdjęcia koło siebie nie ma żadnego problemu.

Uruchamiasz po prostu plik .html czy korzystasz z np xampp?

Comments

Dzięki za szybką odpowiedź. Otwieram sam .html. Ja mam takie coś, dlatego nie wiem o co chodzi.

---

Spróbuj zainstalować xampp i zobaczyć czy problem został rozwiązany jeżeli problem wciąż występuje popróbuj w różnych przeglądarkach