БОЖЕ, СПАСИБО, ОГРОМНОЕ, за отличный цикл роликов по адаптивной верстке, без ЧЕРТОВОГО бутстрапа!

@ilnurgabitov3264

2 жыл бұрын

Добрый день! Я интересуюсь веб дизайном и не могли бы объяснить: чем плох бустрап?

@vald69

Жыл бұрын

@@ilnurgabitov3264 Он не плох, просто нужно уметь делать сайты без него

Большое спасибо! Хорошее объяснение без лишней воды)

Я надеюсь этот коммент увидит автор ... мы тут делаем адаптивную верстку вроде , на телефоне смотрится красиво , но на компьютере ужасно . Если быть точнее то ужасно на всех экранах размеры которых различны с размером экрана автора . Это видно по блоку, который мы делали во втором уроке . Надеюсь в будущем автор это заметит и учтёт !

@matsumbra4984

3 жыл бұрын

на ширине 1024px начинается откравенная дич с позицианированием элементов

@ted3309

3 жыл бұрын

Сейчас смотрю материал , заметил с первой серии , постоянно думал что делаем что-то не так . Возможно по началу мы упор делаем на телефон , дальше будет видно .

@user-pt2uz5st7i

2 жыл бұрын

все из-за неправильного примененного абсолютного позиционирования. Вообще непонятно почему автор решил его использовать ведь можно было обойтись без этого

Супер, огромное спасибо бро!

просто!!! огромное спасибо))))

@SuprunAlexey

4 жыл бұрын

Всегда пожалуйста

Огонь!

@SuprunAlexey

4 жыл бұрын

Найс

Поставил себе цель - собственный интернет магазин, спасибо за помощь :3

Может если у кого-то проблема с прокруткой сайта, как это было у меня, то измените значение свойства overflow: body, html{ overflow: auto; }

@crown5287

4 жыл бұрын

спасибо

@Virdes

4 жыл бұрын

Чувак, спасибо огромное

@superzrus4607

3 жыл бұрын

*Благодарю*

@user-ro1zg8vo5w

3 жыл бұрын

Спасибо чувак

@user-cb7uc7lk1j

3 жыл бұрын

Вот ты бро меня спас! спасибо

ТИ СУПИР!

Для блока с квадратами в стилях нужно ещё прописать: .stats-num { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; }

@SuprunAlexey

4 жыл бұрын

пропишите

@Vladikslavik

4 жыл бұрын

@@SuprunAlexey тогда все квадратики при переносе будут по центру экрана, а не слева ) так лучше имхо.

@denbrayn6631

4 жыл бұрын

В классе .square уже все прописано.

Спасибо за видос. Такая тема, вроде и прикольно на мобилу адаптировали, но если выбираешь поворот экрана, то сразу шляпа, а не макет, как бы позакрывать все эти дырки?

Очень класные ролики, есть пара вопросов, 1)Методология ВЕМ это необходимость только для большых проэктов или это стандарт (вы не используете, поэтому спросил) 2) Читал статьи на хабре, что нужно как можно реже использовать margin-top и margin-left, как бы не отталкивать элемент своими марджинами в потоке документа, а стремиться к тому чтобы соседи "толкали", что думаете об этом? спасибо за ответ и огромное спасибо за контент

У меня прижимаются в блоке square, span к левому краю Подскажите как исправить

Объясните почему нельзя делать разрывы строк путем ? И можно узнать в каком редакторе кодите? Вроде на Sublime похож

@arra408

4 жыл бұрын

visual studio code

@zhenya2350

4 жыл бұрын

Редактор кода Visual studio code.

@plotnikovda

4 жыл бұрын

много разрывов, плохой тон.

Появился вопрос, ты не растягиваешь туда-сюда браузер, поэтому не могу понять, у тебя так же будет, или нет. Но, если вручную сужать-расширять браузер, то текст и контакты (из 2 урока, которые поверх картинки) гуляют и выходят даже за наш wrapper, ибо им задана позиция absolute, я так понимаю. Но не могу понять, я что-то пропустил, и поэтому у меня так, или у тебя тоже так?) Ну и спасибо за бесплатные уроки, одно дело учить теорию, другое дело практиковаться путем создания красивого сайта)

@user-pm8rm2dz8r

4 жыл бұрын

у меня также. всё правильно сделано. но на вид немного смещено.

Как по мне, лучше верстать сразу отзывчиво. Или ты решил облегчить вёрстку? Но все равно ролик топ

у меня на виндовс, не много смещено показывает в режиме телефона. надеюсь исправлю.

в медиа режиме два квадрата не видит((( и у меня по умолчанию выводит синий текст с подчёркиванием. Где можно поменять настройки, которые идут по умолчанию???

Помогите! Текст уходит с место на разных экранах что делать? (

Дядь, ты не заметил ещё? У тебя блоки съезжают с прошлого урока.

А не проще было на гриде сделать правую часть или вообще эту секцию? Чтобы не писать классы line, square и тд код бы был в раз в меньше

@SuprunAlexey

4 жыл бұрын

Сделайте

Margin для квадратов в 2 раза меньше нужно, нет? Они вроде применились как бы 2 раза, от 1 квадрата и другого

@RonaldTravisScott

4 жыл бұрын

Вертикальные Margin схлопываются между собой. А вот боковым, я думаю, нужно было задать 15px и в сумме они бы дали 30px.

если задаёте вопрос по коду, будьте любезны скидывать кусок кода, вообще в сообществе, при вопросе у меня не работает бэкграунд, вас пошлют куда подальше и заблочат на ресурсе ну либо уволят если вы джут(хотя тут я может перегибаю) всегда скидывайте кусок проблемного кода, часто ваши "я всё написал правильно" означает что вы где-то ошиблись, может ; забыли поставить в конце строки, может слово не правильно написали, это не так бросается в глаза, особенно когда код писал ты сам

Я хз как это сработало но я исправил бак тем что в HTML закомментировал строку подключённого CSS, а потом убрал со строки комментарий))) Бак заключался в том что адаптивность отображалась только на пол экрана, а на остальной половине экрана вылазила картинка.

Здарова) Видео - класс! Но, я помню, ты снимал видео про надобность английского, но делешь 2 ошибки в слове "aPPartEment". А так все класс, спасибо! P.S. И будет ли видео по выгрузке на хостинг? Спасибо!

@SuprunAlexey

4 жыл бұрын

Я нигде не говорил что я идеал спикера на английском, наоборот говорил что учу и буду учить. Будет видео по выгрузке.

@krikotik

4 жыл бұрын

@@SuprunAlexey Я душевно извиняюсь, перепутал английский с французким) Правильно Apartment. Жду видео по выгрузке!

Я бы наверное обошёлся без блока `stats-line`.

@SuprunAlexey

4 жыл бұрын

можно

Можете скинуть PSD шаблон?

@SuprunAlexey

4 жыл бұрын

Куда?

@user-ju6wl1oi1q

4 жыл бұрын

@@SuprunAlexey на почту

@SuprunAlexey

4 жыл бұрын

В нем нет смысла, верстайте по видео, они выходят каждый день!

Здравствуйте, помогите пожалуйста.Вроде все так а блоки не прижимаются слева...Заранее спасибо!! .stats{ margin-top: 0; flex-direction: column; } .stats-text{ padding: : 10px; } .stats-text h2{ font-size: 30px; margin-bottom: 10px; } .stats-text p{ margin-top: 5px; font-size: 13px; line-height: 18px; }

У меня квадраты не встали в две линии подскажите что я пропустила???

@daniilzb4953

4 жыл бұрын

.stats{ display: flex; margin-top: 130px; } .stats-line{ /*display: flex;*/ } .stats-text{ padding: 40px; } display: flex; в .stats-line - закоментируйте

@user-fs9dq8xy5m

4 жыл бұрын

@@daniilzb4953 спасибо что ответили , я уж думала ни кто не ответит , попробую )))

Слишком быстро диктуешь и пишешь код, ты останавливайся пожалуйста, разъясняй.