Уроки Flexbox Практика - Продолжаем, верстка SideBar сайта

[@markovalexander4049]

Твой канал-это самородок в каналах про web-разработку.Очень нравятся твои уроки, с радостью их смотрю. Продолжай в том же духе!

[@SuprunAlexey]

Спасибо огромное! Очень порадовали!

[@warface8094]

Здравствуйте! У меня где сайд бар все прилепились друг к другу а у вас красиво, все делал за вами все ровно не получается что делать?

[@mikhailgrinchenko5541]

Спасибо большое! Мне нравиться когда ты проговариваешь занфчения и свойства. Запомнить с первого раза очень сложно, А ты напоминаешь. Спасибо!

[@catrey1]

Тег предназначен для основного содержимого документа. Для сайдбара нужен .

[@dmytromahas9207]

он не использовал тег main для сайдбара, для него он использовал просто див с классом сайдбар хотя и мог тегом aside, а тег main у него просто охватывает сайдбар как содержимое сайта и + в будущем каким то контентом

[@KuKu_RuKu88]

Спасибо за урок, интересно выходит

[@dimanazdratenko]

ты называешь классы с двойным подчеркиванием. Типа sidebar__item. Это по БЕМ? Можешь по бем сделать видео и желательно по структуре проекта, как что где распологается и хранится что бы было максимально удобно?

[@muhtarnaymankhanov8699]

Привет! с удовольствием смотрю виде уроки, хорошо обьясняешь и показываешь. Потом можешь еще один видео урок, с psd макета верстать, с помощью флексбоксами?

[@SuprunAlexey]

Добрый день! Спасибо! Скинете psd без авторских прав?=)

[@webhero42]

В сети их навалом бесплатных. Те же html academy их в рассылке скидывают)

[@saint-marketolog]

Отличное видео! Может лучше в следующем уроке адаптивку с FlexBox медиа запросами?

[@SuprunAlexey]

Спасибо! Наверное этот будет без адаптивки, а по интереснее)

[@LuckyStilet1]

Сэкшэн - это разве по верстке?)

[@rilt3112]

А если полоска не появляется (border-right) что делать?

[@flashgordan5250]

А про семантику что нибудь слышали?)

[@PacoOfficial]

нужно было создать)

[@catrey1]

Лучше в следующем видео заадаптивь меню для мобильных устройств.

[@SuprunAlexey]

Думаю тут без адаптива обойтись, и так будет интересно) А может и будет адаптив, пока думаю над этим)

[@АлександрБуланов-о6к]

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

[@dmytromahas9207]

в данном примере предлагаю воспользоваться калькулятором, тоесть задать высоту 100vh и отнять шапку, пример: height: calc(100vh - 83px); ну и свойство justify-content: space-between; для сайдбара прописать

[@alexeyfinohenov]

Почему у Вас два последних пункта в сайдбаре уехали ниже?

[@SuprunAlexey]

+Alexey Finohenov мы же вроде так сделали

[@dmdk8301]

@@SuprunAlexey в видео об этом ни слова

[@dmytromahas9207]

@@dmdk8301 свойство justify-content: space-between; позволило двом .sidebar__section которых мы создали стать по краям нашего основного сайдбар блока. И прежде чем проходить практику по флексам ознакомтесь с теорией, дабы не задавать такие глупые вопросы.

[@Alex-he2gn]

можно было бы что-то заверстать внутри и под конец сделать адаптивочку уже

[@SuprunAlexey]

Тут наверное без адаптивочки, будет и так интересно. Просто одно видео только на адаптивку уйдет)

[@PacoOfficial]

Дизайн похож на один немного известный сайтик )) пашка дуров так же делал

[@bartoszpierdolny6978]

Он не говорил, что ему не нравится, это был сарказм...

[@Itsme-tj5ew]

На старый ВК похоже получилось)))

[@SuprunAlexey]

Возможно и так :)

[@TheKathty]

Для чего каждую ссылку в div оборачивать?

[@ShelestMaks]

чтобы был как отдельный блок к которому ты сможешь применить разные стили, например: border-radius

[@dmytromahas9207]

@@ShelestMaks ты сможешь и без дива применять разные стили для кнопки если задашь ей display: block;