Может ли кто-нибудь помочь мне центрировать изображения в медиа-запросе. Если я скрою переполнение, бургер-меню не будет ⇐ CSS

[Anonymous]

Может кто-нибудь помочь мне центрировать изображения в медиа-запросе. Если я скрою переполнение, бургер-меню не будет работать. Я относительно новичок в программировании и буду признателен. Я уже несколько дней пытаюсь найти решение, но, кажется, все правильно. Либо у меня не отображается переполнение, и бургер-меню не работает, либо изображения не центрированы.

Код: Выделить всё

@media (max-width: 850px) {
* {
color: black;
}

body {
background-image: none;
background-size: cover;
background-color: rgb(19, 197, 63);
}

.toggle_button {
display: flex;
left: 25px;
}

nav ul {
height: min-content;
width: 100%;
background-color: #008b00;
display: none;
position: absolute;
top: 60px;
z-index: 2;
}

nav li {
height: min-content;
width: 100%;
z-index: 2;
}

nav ul a {
padding: 15px;
justify-content: left;
z-index: 2;
}

#toggle_button:checked~ul {
display: block;
}

.Logo {
top: 4px;
width: 10%;
z-index: 5;
left: 30%;
}

.livingroom-image {
left: 35%;
max-width: 50%;
}

.middle {
top: 350px;
left: 175px;
}

.badezimmer-image {
left: 35%;
max-width: 50%;
}

.middle2 {
top: 150px;
left: 255px;
}

.küche-image {
top: 190%;
left: 35%;
max-width: 50%;
transform: translate(-50%, -50%);
}

.middle3 {
left: 520px;
}

.schlafzimmer-image {
top: 115%;
left: 35%;
max-width: 50%;
}

.middle4 {
top: 525px;
left: 290px;
}

.umgebung-image {
top: 80%;
left: 35%;
max-width: 50%;
}

.middle5 {
top: 300px;
left: 660px;
}

.hauswand-image {
top: 150%;
left: 35%;
max-width: 50%;
padding: 5px;
}

.middle6 {
top: 520px;
left:  550px;
}
}

Код: Выделить всё

FeWO „op Hahnendel“
[*]














[list]
[url=Kontakt.html]Kontakt[/url]
[*][url=Ausstattung.html]Ausstattung[/url]
[*][url=impressum.html]Impressum[/url]
[/list]



[img]IMG/logo/Logo.png[/img]




[url=Wohnzimmer.html]
[img]IMG/livingroom/WoF.jpg[/img]
[/url]



[url=Wohnzimmer.html]Wohnzimmer[/url]

[url=Wohnzimmer.html][/url]




[url=bathroom.html]
[img]IMG/bathroom/BAG.jpg[/img]
[/url]



[url=bathroom.html]Badezimmer[/url]

[url=bathroom.html][/url]




[url=Kitchen.html]
[img]IMG/kitchen/kuechenzeile.jpg[/img]
[/url]



[url=Kitchen.html]Küche[/url]

[url=Kitchen.html][/url]




[url=Bedroom.html]
[img]IMG/bedroom/bed.JPG[/img]
[/url]



[url=Bedroom.html]Schlafzimmmer[/url]

[url=Bedroom.html][/url]




[url=Enviroment.html]
[img]IMG/enviroment/e1.jpg[/img]
[/url]



[url=Enviroment.html]Umgebung[/url]

[url=Enviroment.html][/url]




[url=Outside.html]
[img]IMG/outside/Terasse.jpg[/img]
[/url]



[url=Outside.html]Aussen[/url]

[url=Outside.html][/url]



[img]IMG/bedroom/baufkleber.jpg[/img]

Подробнее здесь: https://stackoverflow.com/questions/793 ... e-overflow