Ширина правого блока в приоритете
.gl { display: flex; } .right { width: 90%; } <div class='gl'> <div class='left'>sssss sss ssd sdas sss sss ssssd s dasss sssss sssd sda sssss ssss ssd sdas </div&g…
.gl { display: flex; } .right { width: 90%; } <div class='gl'> <div class='left'>sssss sss ssd sdas sss sss ssssd s dasss sssss sssd sda sssss ssss ssd sdas </div&g…
Как можно сделать так, чтобы при увеличении текста блок увеличивался в ширину, и если места не хватает, то он смещается вниз? Как можно это сделать при помощи grid? сетка 3/3 може…
Я столкнулась с такой проблемой. На сайте подгружены две фотографии которые стоят друг за другом. Пользователи начали жаловаться, что на macOS в safary появляется черная полоса ме…
Хочу реализовать hover-эффект, да такой, что элементов будет 15-20 условно, при этом сам эффект реализовал так: html: <div> <div class="block1"></div> …
Способом ниже - понятно, от одного числа до другого и z-index. .setka { display: grid; grid-template-rows: repeat(3, 100px); grid-template-columns: repeat(3, 100px); color: white;…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge&qu…
Как сделать, чтобы пункты меню занимали 100% высоты родителя? *, *::before, *::after { box-sizing: border-box; } * { padding: 0; margin: 0; border: 0; } ul li { list-style-type: n…
Создал страницу, используя дивы и стили, сейчас хочу задокументировать код и привести к более универсальному виду ( в моем понимании). Так вот когда применил хедэр, футер, артикл,…
Есть сайдбар у с классом "sidebar". Когда я в браузере я открываю эмуляцию мобильных устройств сайдбар уезжает вверх во время прокрутки несмотря на position: fixed;. Пом…
Нашел в интернете nouislider и как понял за закраску диапазона отвечает .noUi-connect , присваиваю ему background и ничего не закрашивается , в чем проблема ? const app = new Vue(…
Нужно сделать чтобы каждый третий элемент не имел отступ, для того чтобы ничего не ломалось при добавлении новых блоков код: <div class="problems-block"> <div c…
Как сделать чтоб эти иконки встали на один уровень снизу,а не так чтобы одно выше,другое ниже (Эти иконки находятся в div class="cicons" Помогите,пожалуйста @font-face {…
Я создаю сайт на flask. Я хочу создать стиль страницы в отдельном файле. Но стиль не используется, текст остается прежним. Вот мой код страницы: <!DOCTYPE html> <html lan…
У меня есть HTML код select: <select class="selectpicker" id="select-category-parent_id" data-live-search="true" data-width="100%" name=…
Делаю колесо фортуны и в основном вся информация по поводу него, это реализация с помощью canvas, но у меня колесо выглядит по другому. Возможно ли canvas отредактировать под тако…
Есть ли библиотека ReactJS или что либо другое, чтобы плавно изменить градиет на заднем фоне, при прокрутке страницы ? p.s - блок fixed
Я пытаюсь сделать страницу на которой менялись бы языки и оно выдает мне вот такую ошибку: "react_devtools_backend.js:2655 i18next::backendConnector: loading namespace transl…
Делаю сайт и в бронировании места в кинотеатр и нужно чтобы при нажатии на место этот элемент менял цвет и если еще раз нажать(тобишь убрать бронь с этого места) элемент вернет се…
Есть сайт на вордпресс. https://evroflag.by/ После полной его загрузки, невозможно перейти по ссылкам в футере с первого раза. Для этого нужно один раз клинуть по любому месту на …
Есть сайт на вордпрессе: https://evroflag.by/ Через несколько секунд после загрузки сайта, исчезает возможность скроллинга. Появляется она обратно после клика по любому месту сайт…
Подскажите пожалуйста почему при клике на .catalog__title открывается всегда последний блок .catalog__items, а не у каждого свой? Спасибо function catalog() { const catalogTitles …
У меня есть валидация формы, и я хочу вешать на кнопку отправки формы disable в случае если не все поля заполнены корректно. Код проверки на корректность формы: function checkDisp…
Ссылка на codepen с полным кодом данного элемента: https://codepen.io/VladimirR04/pen/YzjyxyK .carr__card { width: 300px; height: 200px; background-color: #442222; position: absol…
Помогите пожалуйста,нужно как то иконку айфона поставить перед словом "Магазин",а лупу после слова "Поддержка".Буду очень благодарен * { margin: 0; padding: 0;…
Есть картинка 5000х3000 пикселей, нужно ее расположить по центру экрана в контейнере 600х400 пикселей. Как сделать чтобы она смасштабировалась? <body> <div class="co…
Закрывает текст, хотелось чтобы при открытии меню отодвигался текст Вот так всё равно. Даже если position использовать
Снижается ли скорость загрузки сайта, если изображения будут открываться при помощи клика? Если допостим на одной странице сайта 100+ изображений весом 1мб, НО открываться будут п…
Я делаю сборку на webpack для верстки с поддержкой SCSS, Pug при необходимости. Из html я могу отрисовать изображения, а если я пытаюсь отрисовывать из CSS в background-image, то …
Как после анимации трансформ, элемент возвращался моментально на свое место без анимации, и анимацию можно было бы повторно запустить кликом с событием. Возможно это как-то по осо…
Как сделать значок лупы ( просто лупа,без строчки ввода и тд ) справа от всего текста в нав.панеле,подскажите пожалуйста * { margin: 0; padding: 0; } .navbar { display: flex; back…