Как выровнять блоки Флексбокс по примеру?

Question

DanilChekh @DanilChekh

Как выровнять блоки Флексбокс по примеру?

Подскажите пожалуйста,как выровнять данный блок,И почему вторая третья и четвертая строка сьезжают, можете пожалуйста пояснить или указать изза чего идет сдвиг в пунктах меню ?
С флексобксами еще плохо знаком,может подскажете что в этом случае сделать? m99797gc.beget.tech/uslugi.html

m99797gc.beget.tech/uslugi.html

Вопрос задан более трёх лет назад
265 просмотров

6 комментариев

Подписаться 1 Простой 6 комментариев

Сергей Горячев @webirus

Для начала подружись с умением высказывать свои вопросы ЧЕТКО и ПОНЯТНО.
Какой блок? Какая вторая и третья строка? Какой сдвиг? В каком случае?
А вообще, тебе бы найти хорошего верстальщика. Да и веб-дизайнера можно в пару.

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

Уточните вопрос. Где и что не так как хотелось бы. Можно, например, скриншот сделать, отметив на нём нужное.

Написано более трёх лет назад
DanilChekh @DanilChekh Автор вопроса

Сергей, я же вроде приложил страницу на бегете,там где ссписок поехал m99797gc.beget.tech/uslugi.html

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

DanilChekh, Вот сейчас вы говорите "список", а в вопросе написано "меню".
Где там список, где меню?
Для начала подружись с умением высказывать свои вопросы ЧЕТКО и ПОНЯТНО.

Это был очень хороший совет.

Написано более трёх лет назад

Сергей delphinpro @delphinpro Куратор тега CSS

DanilChekh,

.uslugi_container {
    display: flex;
    flex-flow: column;
    /* align-items: center; */
    margin-left: 10%;
    margin-right: 10%;
    /* justify-content: space-between; */
}
.usluga{
  ...
  width: 100%; 
}

Написано более трёх лет назад

DanilChekh @DanilChekh Автор вопроса

Сергей, спасибо,

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- час назад
- 35 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- час назад
- 25 просмотров
1

ответ
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 3 часа назад
- 29 просмотров
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 4 часа назад
- 36 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 5 часов назад
- 48 просмотров
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- 7 часов назад
- 47 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 8 часов назад
- 68 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 9 часов назад
- 35 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Какие есть способы организовать редкое добавление статей на сайт?
- 1 подписчик
- вчера
- 112 просмотров
1

ответ
Вёрстка

Простой
В чем может быть проблема, верстка расплывается по экрану телефона?
- 4 подписчика
- вчера
- 2104 просмотра
2

ответа
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Сделать парсер мегамаркет

18 апр. 2024, в 19:21

18000 руб./за проект

Доработка тикет сейл системы на laravel/attendize

18 апр. 2024, в 19:14

25000 руб./за проект

Надо написать парсер который проверил бы слова есть ли он в википедии

18 апр. 2024, в 19:11

1000 руб./за проект

Для начала подружись с умением высказывать свои вопросы ЧЕТКО и ПОНЯТНО.
Какой блок? Какая вторая и третья строка? Какой сдвиг? В каком случае?
А вообще, тебе бы найти хорошего верстальщика. Да и веб-дизайнера можно в пару.
Уточните вопрос. Где и что не так как хотелось бы. Можно, например, скриншот сделать, отметив на нём нужное.
Сергей, я же вроде приложил страницу на бегете,там где ссписок поехал m99797gc.beget.tech/uslugi.html
DanilChekh, Вот сейчас вы говорите "список", а в вопросе написано "меню".
Где там список, где меню?
Для начала подружись с умением высказывать свои вопросы ЧЕТКО и ПОНЯТНО.

Это был очень хороший совет.
DanilChekh,
.uslugi_container { display: flex; flex-flow: column; /* align-items: center; */ margin-left: 10%; margin-right: 10%; /* justify-content: space-between; */ } .usluga{ ... width: 100%; }

Answer 1 · 2017-11-29 16:16:15

ikryloff @ikryloff

Full stack student

Если убрать в классе uslugi_container строчку align-items: center, то все ок

Ответ написан более трёх лет назад

Комментировать

Как выровнять блоки Флексбокс по примеру?

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

Минуточку внимания

Войдите на сайт