Добиваю позиционирование с CSS Grid
Всё-таки решил не пропускать такую тему, как CSS Grid. Начал с вопроса зачем и для чего его использовать, если есть Flex.
Нашёл на habr статью (https://habr.com/ru/company/ruvds/blog/448916/), в которой мне дали объяснение по этому поводу.
И вот что я почерпнул. Можно конечно использовать Flex для всего, но в более сложных макетах страниц это приведёт к большим сложностям с манипуляцией с блоками в 2d мерном пространстве, создание дополнительных контейнеров, регулирование отступов, дополнительных расчётов с calc. А оно как я понял из данной статьи в общем и целом то и не нужно. А ещё из приятного это, то что можно в некоторых случаях избежать использования медиа запросов для отзывчивого макета, с помощью некоторых функций Grid. Но и Grid не идеален, к примеру автоматического выравнивания элементов относительно их количества в строке.
Выбор инструмента в общем зависит от глубины ознакомления с их возможностей, что только возможно через долгую практику использования обоих. Гриды — для каркаса сайта, флексы — для контента, это ещё одно интересное предположение, которым я возможно воспользуюсь.
Понимание работы инструмента Grid я вроде понял, и приступил к практическому изучению на freeCodeCamp. Параллельно с этим применил полученные знания, тестируя их для собственной странички. Вроде даже что-то получилось.
Описывать Grid смысла особого нет, всё то что мне удалось понять о CSS Grid можно найти на странице CSS Tricks (https://css-tricks.com/snippets/css/complete-guide-grid/), где вся информация представлена в виде таблицы, с кратким удобным описанием.
Из всего представленного в Grid мне не понятна почему у меня не работает grid-auto-columns (https://codepen.io/kirill-filippov-the-flexboxer/pen/gOWEJap),. Если кто вкратце опишет, буду благодарен.
Почему есть отступы в div в Css
Почему в "Шапке" есть отступы, хотя я поставил margin:0px;?
Помогите начинающему верстальщику, будьте так любезны
Всем привет. Суть истории такова: начал 2 недели назад изучать верстку. Учу азы html и css в htmlacademy(не как студент курса за туеву кучу бабла) а как самоучка за доступ к инфе за 550р. В прошлом, пару месяцев назад, усваивал азы Python, но душа как то не легла в итоге(не знаю важна ли эта инфа).Вернемся в верстке, учу я значит в этой академии азы по главам, сначала прошел основные теги html(все конспектирую). За тем начал изучение основ CSS. Правила, селекторы и т.д. И вот спустя 2 недели плотного обучения, в день примерно уделяю по 4-5 часов, я вдруг задумался что теорию то я учу, и задания прохожу которые даются в конце глав, но по факту я еще ни одной страницы не сверстал. Тогда я взялся за работу думая о том что как бэ азы html в начале курса учил css учу сейчас, сто пудова что то грамотное сверстаю. Набрал основу, тип документа, все эти хед да боди, да еще туда вкатал хидеры и футеры с мэйном, хрустнул пальцами , устроился поудобнее и завис: а что дальше то? я ж учил вроде, задания проходил а в итоге не вспомнил в нужный момент вообще ничего. Начал искать в гугле как практиковаться начинающему верстальщику, гугл послал нахой и выдал кучу видосов ютуба и темы хабра, но близко ничего по теме не нашел. Тогда начал смотреть ютуб, от большинства видео самооценка начинающего верстальщика (то бишь моя) забилась в угол и начала выть. Все эти верстки psd макетов, все быстро четко и качественно. Думаю ну ка сейчас замотивированный сяду еще раз за свой макет. Снова завис вспоминая про блок схемы. Так вот в чем суть всей моей истории. Прошу помощи у знающих и понимающих людей. Подскажите как правильно учить все эти теги и и стилевые таблицы что бы запоминать и применять на практике, хочется все таки из головы все это брать а не по 100 раз сидеть и лекции перелистывать(да и вообще как правильно учить html и css). И кто как вообще верстку учил, поделитесь пожалуйста опытом. Заранее всем благодарен))
Html, CSS, JavaScript
Ребят, кто в этой теме, напишите источники кто и как изучает ? (Давайте без флуда, чётко по теме) Заранее благодарен!
Комментарии в веб разработке
Приветствую всех читателей.
*Для новичков
Комментарии в веб - разработке.
Речь пойдёт о таких языках: HTML, CSS, JS.
HTML - чтобы сделать комментарий нужно заключить его таким образом:
<!-- комментарий -->
CSS - чтобы сделать комментарий нужно заключить его таким образом:
/* комментарий */
JS - чтобы сделать комментарий нужно заключить его таким образом:
// комментарий.
Надеюсь статья помогла новичкам и вновь вернувшимся из долгого "запоя".
Всем спасибо, всем добра.
В Питере шаверма и мосты, в Казани эчпочмаки и казан. А что в других городах?
Мы постарались сделать каждый город, с которого начинается еженедельный заед в нашей новой игре, по-настоящему уникальным. Оценить можно на странице совместной игры Torero и Пикабу.
Реклама АО «Кордиант», ИНН 7601001509