HTML/CSS — русскоговорящее сообщество

Подскажите, возможно сделать на css чтоб модальное окно было всегда

по центру независмо от прокрутки?

#css #frontend #html #programming #russian

24.05.2021

9 ответов

7 просмотров

Oleksandr

Можно

24.05.2021

Serika ( twelve )

https://youtu.be/Pg1Q3oB7bPQ

24.05.2021

его имя роберт полсон 🎰

.modal-wrapper{ display: flex; justify-content: center; align-items: center background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .modal{ width: 75%; padding: 10px; background-color: #fff; } Я так всегда делаю

24.05.2021

Serika ( twelve )

его имя роберт полсон 🎰
.modal-wrapper{ display: flex; justify-co...

Сяп

24.05.2021

Ihor P

его имя роберт полсон 🎰
.modal-wrapper{ display: flex; justify-co...

а если высота контента в модалке будет больше высоты окна браузера?

24.05.2021

его имя роберт полсон 🎰

Ihor P
а если высота контента в модалке будет больше высо...

Это набросок чтобы человек понял как отцентрировать, понятно что ещё есть оверфлоу. Я просто это с телефона быстренько написал, а оверфлоу нужно тестить)))

24.05.2021

Иван Автор вопроса

его имя роберт полсон 🎰
.modal-wrapper{ display: flex; justify-co...

Спасибо, а я все на abcolute пытался построить

24.05.2021

его имя роберт полсон 🎰

Serika ( twelve )
https://youtu.be/Pg1Q3oB7bPQ

Опа, брейнсклауд, респект сяп

24.05.2021

Artem

https://codepen.io/NielsVoogt/pen/XWjPdjO

24.05.2021

Похожие вопросы

HTML/CSS — русскоговорящее сообщество / Таалайбек

<div class="col-md-4 mb-3"> <div class="card"> <img class="img-fluid" alt="100%x280" src="https://images.unsp...

#css #frontend #html #programming #russian

14.07.2023

2 ответов

HTML/CSS — русскоговорящее сообщество / CENTURIONO🌙

Привет. Как дать транзишн для трансформ используя только css?

#css #frontend #html #programming #russian

19.07.2022

61 ответов

HTML/CSS — русскоговорящее сообщество / AV V

народ, помогите плиз задача сделать менюшку такого плана. при наведении меняет цвет и появляется подчеркивание снизу (причем не прямо под ссылкой, а внизу элемента <li>). я ...

#css #frontend #html #programming #russian

24.07.2022

51 ответов

HTML/CSS — русскоговорящее сообщество / Gregory

Кто знает сайт, где бесплтано код svg можно получить? поделитесь ссылкой

#css #frontend #html #programming #russian

20.08.2023

30 ответов

HTML/CSS — русскоговорящее сообщество / Trazet_Jet

имеются варики?

#css #frontend #html #programming #russian

15.03.2022

62 ответов

HTML/CSS — русскоговорящее сообщество / Daniel Smith 👨‍💻

не подскажите , почему стили не меняются в адаптации?

#css #frontend #html #programming #russian

10.12.2022

44 ответов

HTML/CSS — русскоговорящее сообщество / SBS

Здравствуйте, помогите пожалуйста, хочу стать веб-разработчиком, сказали нужно начинать с HTML и CSS, подскажите где и как его учить, сколько времени нужно чтобы овладеть ими?...

#css #frontend #html #programming #russian

17.08.2022

49 ответов

HTML/CSS — русскоговорящее сообщество / Andrey

Можете подсказать почему не происходит выгрузка кода в HTML? script.js: function loadProducts(data) { const stock = document.querySelector(".stock__section"); data.product...

#css #frontend #html #programming #russian

31.08.2023

1 ответов

HTML/CSS — русскоговорящее сообщество / Талгат