Задать вопрос
  • Можете оценить вёрстку?

    kryamk
    @kryamk
    Для адаптива понадобится мета тег в head
    <meta name="viewport" content="width=device-width, initial-scale=1">

    Не помешали бы стили для контейнера, например такие:
    .container {
    	width: 1920px;
    	max-width: 100%;
    	margin: 0 auto;
    	padding: 0 15px;
    }


    Секция navbar:
    заменить флоаты на флексы, и по высоте позиционировать align-items а не марджинами

    Секция top-panel:
    Здесь у вас margin-top у секции и margin-bottom у подзаголовка. Заменить на паддинги у секции.
    Для секций обычно задаются паддинги, ибо если якорное меню, то чтобы текст не прижимался прям к самому верху, а было пространство.
    В правой части у заголовка, описания и кнопки правый марджин. Зачем задавать трем элементам, когда можно просто родителю задать паддинг?
    В кнопке находится ссылка. Выберите что-нибудь одно. Кнопки обычно используются для какого-либо действия, например открытие мобильного меню. Для перехода на другие страницы, якорное меню - ссылка.

    Секция слайдер:
    Для стрелок слайдера думаю предпочтительне position: absolute; ну и выровнять по центру
    position: absolute; top: 50%; transform: translateY(-50%);
    slider-bottom - задайте ему паддинг, а не параграфу марджин

    Секция column-text:
    Расстояние между заголовком и картинкой состоит из маржинов того и другого элемента, поди лучше определиться на каком-то одном..
    У Read More margin-bottom, когда явно просится паддинг для родителя, ну или как вариант высота для слайда/слайдера

    Футер
    Опять же марджины у элементов, когда предпочтительнее паддинги у родителя или предка.
    Флоаты использовать для обтекания картинок, а теперь рулят флексы.

    Общие советы
    Для сеток флексы и гриды, тут когда как и кому как. Поизучайте.
    Все img предлагаю оборачивать в обертку, мало ли там придется подложку полупрозрачную наложить, параллакс или ещё что. Можно к примеру в тег picture
    Старайтесь избегать большой вложенности.
    По поводу неймнига. Все рекомендуют БЭМ, но он мне не зашёл. Да и в верстке самое сложное это придумать названия классам )
    Старайте не прописывать стили тегам, сегодня это p, завтра span. Или добавится такой же элемент, для которого как раз не нужны эти стили
    Но понятно, что зависит от ситуации. Например в меню обычно обращаются к ul и li, потому-что при натяжке на cms придётся твои классы добавлять или переделывать стили
    Чтобы не писать через запятую свойства каждому однотипному элементу задать общий класс. Например для элементов navbar-brand подошел бы navbar-brand__item и уже ему отсупы

    Вроде бы дичи никакой не посоветовал, но всё равно учтите что ситуации разные, на вкус и цвет фломастеры тоже разные
    Ответ написан
    3 комментария
  • Как проверить подключен ли jQuery на странице?

    @Saintcoder
    window.onload = function()
    {
    if (window.jQuery)
    {
    alert('jQuery is loaded');
    }
    else
    {
    alert('jQuery is not loaded');
    }
    }
    Ответ написан
    Комментировать
  • Как расставить изображения разных размеров под друг другом?

    @YahorDanchanka
    Frontend developer

    Только высоты должны совпадать. Я добился этого с помощью отступов.
    450 х 3 ≠ 965 + 450
    Ответ написан
    1 комментарий