Вопрос Как сделать что бы элементы сайта не изменялись при изменение размера страницы/экрана?

[dadsa]

Вопрос в шапке.

Код css:



body {

background-image: url(image/fon1.jpg);

background-attachment: fixed;

background-repeat: no-repeat;

display: flex;

justify-content: center;

align-items: center;

margin: 0;

}



.logo {

width: 8%;

height: auto;

}



.logo:hover {

transform: scale(1.05);

}





nav {

background-image: url(image/menu2.jpg);

border: 1px solid #ccc;

border-radius: 15px;

padding: 10px;

margin-top: 20px;

}



nav ul {

list-style-type: none;

margin: 0;

padding: 0;

}



nav li {

display: inline-block;

margin-right: 20px;

}



nav a {

text-decoration: none;

color: #333;

}



nav a:hover {

color: #666;

}





.text {

background: rgba(255, 255, 255, 0.7);

border-radius: 15px;

text-align: center;

width: 90%;

padding: 1px;

position: absolute;

top: 65%;

left: 50%;

transform: translate(-50%, -50%);

font-size: 18px;

font-family: Arial;

}





.system {

background: rgba(255, 255, 255, 0.7);

border-radius: 15px;

text-align: center;

width: 40%;

padding: 1px;

position: absolute;

top: 145%;

left: 50%;

transform: translate(-50%, -50%);

font-size: 18px;

font-family: Arial;

}





.photo {

border-radius: 20px;

}



.photo:hover {

transform: scale(1.01);

}



.buy {

background-color: #58800F;

color: #fff;

font-weight: bold;

font-family: Arial, sans-serif;

font-size: 25px;

top: 180%;

left: 50%;

transform: translate(-50%, -50%);

text-align: center;

position: absolute;

border-radius: 5px

}





.buy:hover {

font-size: 27px;

background-color: #B0FF1E;

box-shadow: 0px 0px 10px #C9E2FF

}





.price {

background-color: white;

border-radius: 15px;

text-align: center;

padding: 7px;

position: absolute;

top: 178%;

left: 42%;

transform: translate(-50%, -50%);

font-size: 18px;

font-family: Arial;

}

 

[12332123]

размеры в пикселях, а не процентах должны быть, тогда и размер будет фиксированный, и flex подозрительный аргумент

 

[миха]

Медиа запросы

 

[ramazan-nugamanov]

Да, в px размеры обязательно.

 

[Doljen]

Просто не тупи, бро. Возьми себя в руки, соберись с силами, возможно ты сделал что т оне так? и запомни, сильны только те люди, которые упав, поднимаются, так же должен и ты. Ты не дурак, умный парень, так чего же ты ждёшь? Давай бро топи ради своего будущего, ради себя мать твою, я верю в тебя. вкалывай ВОИН