4 - HTML CSS portfolio website part 1. Flex, justify-content, align-items :last-child

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 5

  • @НурикШакиров-с9л
    @НурикШакиров-с9л 11 місяців тому +1

    Здравствуйте!!!Очень классное видео, есть небольшой вопрос,возможно, я что-то упустил, на каком моменте мы добавили стили в отдельную вкладку?

    • @drdev_blog
      @drdev_blog  11 місяців тому

      16:31 - примерно там можно глянуть, что стили (2 отдельных файла) подключены к главному файл html, главное не запутаться с относительным путем до файла )

  • @drdev_blog
    @drdev_blog  Рік тому

    Материалы:
    🟨 Дизайн Figma: www.figma.com/file/oaIQRtS0MtBAaUDpcSgwlI/Portfolio-Website-Landing-Page-Design-(Community)?type=design&node-id=2%3A50&mode=dev
    🟨 Исходники: github.com/Spacylion/spa-html-lesson/tree/template
    Сделайте Fork репозитория чтобы был под рукой!
    🟨Финальный проект (желательно сначала сверстать, а потом сверять или подглядывать!): github.com/Spacylion/spa-html-lesson/tree/master
    Финалочку скидывайте, посмотрим что получилось!
    Полезное:
    🔴БЭМ методология при написании классов: tproger.ru/translations/how-css-flexbox-works
    🔴CSS Flexbox НАГЛЯДНО!: ru.bem.info/methodology/css/
    Если остались вопросы, пиши 💬!
    #flexbox #css #html #development #frontend #itedcuation

  • @ЕлизаветаЛи-н9т

    Спасибо большое! Хотела задать вопрос. Корректно ли писать отступы без calc или это дурной тон?

    • @drdev_blog
      @drdev_blog  Рік тому +1

      Можно и так и так, можно в процентах , в пикселях, в calc, rem, em. (Единицы измерения относительно родительского элемента) и так далее) кому как угодно, так и пишет, главное не запутаться самому, если в 1 месте написали так, то в другом месте можно нарваться на конфликт )