@voilqrZ

Как сверстать такое?

5dbd96bed7260975619368.jpeg

Меня интересует, как сделать такой не резиновый hero элемент, насчёт левой белой части всё ясно, интересуют полоски и круг из фотографий. Как я думаю невозможно силами css сделать такой круг да и смысла нет, то есть я просто вырезаю эту картинку из Photoshop и вставляю как background. Но background не бесконечный, например монитор очень большой и картинки не хватает ширины. Как сделать чтобы если монитор длинный, то в конце картинки дорисовывался чёрный цвет?

И второй момент. Я пытался решить первую проблему путем position absolute, right:0. Вроде бы всё получилось, но div с этим фото съезжает если начать сворачивать браузер, так как в left задано точное число пикселей, эта проблема происходит из-за margin: auto контейнера по центру. Как решить эти две проблемы?
  • Вопрос задан
  • 340 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
artur_kudaev
@artur_kudaev
Frontend Developer
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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