как?

flex ?

зависимость высоты от ширины только js, или я чего то не знаю)

Еще можно накостылить с помощью паддингов, но лучше так не делать

как?

та как угодно. и через flex и через бутстрап, если его юзаешь. ты пробовал хоть как-то?

та как угодно. и через flex и через бутстрап, если его юзаешь. ты пробовал хоть как-то?

раньше чисто flex делал, теперь bootstrap`e есть готовые классы, поэтому спрашиваю есть ли

или готовое на подобие card

Мда

Как сделать процент в height от ширины всей страницы? хех

через перменную. запиши ширину в переменную mainWidtn. и ширина будет width: mainWidth. а высота будет height: calc(30%*mainWidth )

Что значит ступеньками ?

раньше чисто flex делал, теперь bootstrap`e есть готовые классы, поэтому спрашиваю есть ли

ааа, ты умеешь флексом, но хочешь именно бутстрапом?

Это значит так

За телефон извиняюсь

ааа, ты умеешь флексом, но хочешь именно бутстрапом?

да, просто замена flex style на классы

На будущее

Лучше через песочницу

Лучше через песочницу

+

Выкладывать

codepen.io

привет, покажите реализациию в бутстрапе чтобы ul в мобильной версии был раскрывающимся?

Ну а с кодом что?

Из-за бр скорее всего

Оу

Забыл

Спасибо)

Не за что

А теперь мне надо текст шапки пониже

Как это сделать?

Падинги или маржины. Вообще чтобы таких вопросов не было, купи на месяц курс интерактивный у хтмл академии

500 в месяц не дорого

Что то через margin top и pedding top не получается(

В песочнице выкладывай, тут мало гадалок

https://codepen.io/pen

В песочнице выкладывай, тут мало гадалок

Вот

Вот

там пусто

Оу

Секунду

Можно ли через флекс сделать чтобы блоки растягивались одинаково? Как flex-grow: 1, только чтобы не зависило от содержимого блоков.

Может я просто сюда скину код?

Не бейте

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Проект</title> </head> <body> <div class="header"> <h2> <span class="katalog">Каталог</span> <span class="shop">Интернет - магазин телефонов</span> <span class="register">Регистрация</span> <span class="vhod">Вход</span> </h2> </div> <link rel="stylesheet" href="style.css"> <script src="script.js"> </script> </body> </html>

*{ margin: 0; padding: 0; } .register{ float: right; margin-right: 40px; } .shop{ margin-left: 720px; } .vhod { float: right; margin-right: 60px; } .katalog{ margin-left: 20px; margin-top: 30px; } .header{ background-color: #696969; margin: 0; padding: 0; color: red; }

Вот

Как сделать отступ текста в шапке от вверха? Маргин и паддинг не помогают

в хедер припиши padding-top: ЧИСЛОpx;

:/

Чтобы на следующей строке было?

Чтобы на следующей строке было?

да

Попробуй float: none

поставить ошибке

сюда вписал флоат нон, ниче не вышло

Да, я как раз хотел написать про display xd

ну это костыль тот еще

Да и похер, работает - не трогай xd

да в данный момент пофиг вообще

лишь бы норм выглядело

ERROR: S client not available

Специалист службы поддержки в lpmotor прислал видео, как к ним добавлять css код у элементов. Но я не понял, откуда он взял элемент (на видео видно) #\32 и тд.... Подскажите, куда смотреть?

в хедер припиши padding-top: ЧИСЛОpx;

А если мне нужно, чтобы текст был по середине, не сверху, не снизу, а по середине шапки

?

А если мне нужно, чтобы текст был по середине, не сверху, не снизу, а по середине шапки

Ставишь display: flex и justify-content: center;

В хедер?

Да

ой

не justify-content, а vertical-align: middle;

всё сделал)

разобрался и понял

не justify-content, а vertical-align: middle;

Чот не

на кодпен выложи

Он у меня не выкладывается(

Могу так сбросить

Как это не выкладывается

*{ margin: 0; padding: 0; } .register{ float: right; margin-right: 40px; } .shop{ margin-left: 720px; } .vhod { float: right; margin-right: 60px; } .katalog{ margin-left: 20px; } .header{ background-color: #696969; margin: 0; padding: 0; color: red; padding-top:20px; display: flex; vertical-align: middle; }

ctrl + s

сперва закинь файлы

точнее стили и скрипты

там есть окно куда ставить

Я с телефона

А код на пк

потом ctrl + s

ну там есть

manage

Ну я уже сюда кинул

типа того

Тогда добавь .header > h2 { margin: auto; }

И display: flex; не убирай

Будет работать