Giter VIP home page Giter VIP logo

loftschool-second-task's People

Watchers

 avatar

loftschool-second-task's Issues

Слайдер

nav__item - элементы списка должна лежать в теге списка (ul), а не в теге навигации (nav). Стрелки - это вообще не список по сути, и не навигация. Лучше просто div-ами сделать

Секция меню

burger-menu__name - ошибка в стилях. background - это составное свойство, в которое входит и background-color, и background-image
Если ты хочешь поставить картинку на фон используй background-image, если хочешь задать цвет - используй background-color. Сейчас у тебя цвет фона перетер картинку, хотя должна быть задана и картинка, и полупрозрачный цвет фона ячейки

Секция отзывов

people__photo - про картинки мы уже обсуждали, что там лучше фоном их сделать чтобы не деформировались

Сделать мобильное меню

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

Расположение блоков в первой секции

screen-1-container - этот блок должен тянуться на высоту всей секции. Внутренности должны быть расположены так: шапка всегда сверху, стрелка всегда снизу, контент всегда по центру. Это можно будет реализовать легко с помощью флесов

Секция с отзывами

Модальное окно, которое должно появляться при клике на отзыв, должно лежать в структуре на одном уровне с wrapper и onepage-pagination. Все остальные модальные окна будут лежать тоже вне wrapper

Главный экран

content__img - уйти от фиксированных значений ширины картинки и задать max-width в rem и width в %. А еще лучше сделать картинку с бургером не бэкграундом, а прям картинкой через тег img

Секция "Мы лучшие"

section-title_color_black - не допустимый нейминг по БЭМ. Можно только один модификатор к элементу, т.е. максимум section-title_color или section-title_black

Секция с формой

form__checkbox - разобраться с отображением чекбокса и переносом текста на другую строку в адаптиве

Нейминг по БЭМ

  1. screen-1-container - лучше тогда screen-1__container
  2. section__swhitch-scr-arrow - нейминг не по БЭМ, нельзя в имени элемента использовать больше 2х слов

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.