До стрелочки, это так как сейчас выглядит моя таблица, мне нужен вариант, после стрелочки. В общем надо уменьшить размер видимой таблицы, но добавить возможность скроллинга. Табли…
Всем доброго времени суток! На сайте есть заголовок h1, который состоит из нескольких слов "Автомобили напрямую из США". Первое слово по видению дизайнера должно быть &q…
Почему если видео запускалось с помощью .play() , то не работает .controls = true ? Причем если видео запускалось стандартной кнопкой или использовались другие стандартные элемент…
На странице регистрации Facebook https://ru-ru.facebook.com/ я заметил, что под кнопками и полями ввода имеется белый квадрат. Когда я изменяю разрешение экрана через DevTools, эт…
* { margin: 0px; padding: 0px; } body { align-items: center; background: linear-gradient(122deg, #404040, #141414); } .btn { position: relative; top: 300px; width: auto; padding: …
Должно получиться так: .navContent { display: flex; justify-content: center; } .nav-menu { display: flex; justify-content: space-between; } .nav-menu ul { display: flex; gap: 40px…
Всем привет. У меня есть элемент-прямоугольник registration-overlay, который находится под двумя кнопками. Мне нужно, чтобы registration-overlay был "привязан к ним" и п…
Цвета - red, green, blue, yellow; Размеры - 5050, 140150. пере тыкал все что можно. обязательно нужно пользоваться свойством display в css помогите пожалуйста решить как можно ско…
Заголовок <h4><span>Михаил</span><span>36 лет</span></h4> Нужно "Михаил" оставить слева, а "36 лет" - справа. И такой код: …
У меня не хочет выводиться товар на другой странице, на главной он выводиться как надо, а на другой не хочет ( код вывода в html одинаковых на обеих страницах) Код вывода в html ш…
Работаю с приложением на React, роутинг на react router. Появилась нужда в сео оптимизации и добавлении на каждую страницу приложения своих мета тегов. Попробовал react helmet, но…
.intro__button-container:has(.intro__button:focus) { border-color: var(--color-4); } .intro__button-container:has(.intro__button:hover) { border-color: transparent; } .intro__butt…
Подскажите пожалуйста, как с помощью css можно сверстать вот такой прямоугольник с закругленным углом на одной стороне?
Я использую тег и хочу изменить выпадающий список select. Я действительно пробовал использовать max-width: 100px, но у меня это не работает. Как это изменить? Первая фотография - …
Подскажите пожалуйста что делать. Я получаю получаю элементы с бэка и с помощью .map() вставляю их. Мне нужно сделать что бы они делились на 2 равные колонки, но что бы я не делал…
Сделал адаптивный сайт под разрешение 300px. Возникла проблема, что при открытии сайта с мобильного устройства, он как будто бы имеет масштаб 110%, появляется скроллбар вправо. В …
Подскажите, как сделать вот такой блок как на изображении. Сам блок с border, у него соответственно тень, в примере она розовая, и у тени граница(border). <div class="flex…
Как лучше создать UI Table элемент? Через теги div или table? Не могу определиться, что лучше и есть ли какая-то разница?
Чтобы добавить дополнительные элементы управления в тег video оборачиваем его блоком и относительно данного блока позиционирую элементы(position: absolute). <div class="re…
Вот тот самый фрагмент кода, в файрфоксе все почему то defined и скроллбар действительно кастомизировался // .fs-manager scroll .fs-manager { scrollbar-color: var(--color-1) var(-…
Как сделать таблицу в три колонки и с одной общей ячейкой в html. Я сделал таблицу с помощью буртстап,но не пойму как сделать такую Буду признателен любой помощи!
Подскажите, как динамически менять стиль через пропсы в CSS Modules Компонент import { FC } from "react"; import styles from "./Button.module.css"; export cons…
Всем привет! Делаю сейчас сайт и мне кажется, что столкнулся с какой-то очевидной проблемой, мне нужно чтобы width был по величине контента который находится в контейнерах, но он …
Учусь по не многу верстке, и когда я решил посмотреть как мой сайт будет выглядеть на телефоне, увидел белые цвета снизу и с верху: Мне нужно это изменить, но я не нашел решения. …
.container { display: flex; gap: 10rem; padding: 3rem 0; } .menu { display: inline-flex; gap: 1rem 4rem; list-style-type: none; flex-wrap: wrap; padding: 0; margin: 0; background-…
Возникла задача написать страницу без скролла. Блок контента должен сохранять пропорции и не вылезать из экрана. Написал через calc+min+max. Но не уверен по поводу мобильных устро…
const allCards = document.querySelectorAll('.price-services__cards'); const parantCard = document.querySelector('.price-services__container'); const nextBtn = document.querySelect…
Подскажите как повесить обработчики на value и если значение выполняется добавить класс? Я сделал, но не понимаю почему не работает. Спасибо const inputNumberStudents = document.q…
Я задал родителю ширину в 1280px, но при адаптации для маленьких скринов обнаружил, что этот элемент имеет ширину не в 1280px, а около 440. С чем это связано? css: .registration-f…
Всем привет, учу медиа-адаптацию на css для различных диагоналей и разрешений экранов. Есть ли стандарные размеры для медиа-адаптации? Понятно, что устройств многожество и тп, одн…