@Genri_Rus

Как правильно добавить в данном примере сайдбар и main по бэм?

Пример страницы:
Галерея с фильтрацией
660ed575969bb276588459.jpeg

Шапка и футер также будут использоваться. Возможен ли такой вариант?
<header class="header"></header>
<div class="page-wrapper">
  <div class="d-flex container-fluid">
    <aside class="sidebar">
      // класс filter или filters?
      <div class="filter">
        <div class="filter__item"></div>
      </div>
    </aside>
    <main class="main">
      // тут должна быть галерея (возможно такой дизайн в будущем будет поторяться) или миниатюры? 
      // Возможно использовать обычную сетку grid или лучше на js реализовать?
      <div class="gallery">
        <a href="#" class="gallery__item">
          <img src="" class="gallery__image">
          <div class="gallery__thumbnail-info">
            <div class="gallery__thumbnail-group">
              <div class="gallery__thumbnail-icon"></div>
              <div class="gallery__thumbnail-icon"></div>
            </div>
            <div class="gallery__thumbnail-group">
              <div class="gallery__thumbnail-name"></div>
            </div>
          </div>
      </a>
  </div>
  </main>
</div>
</div>
<footer class="footer"></footer>
  • Вопрос задан
  • 185 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы