Какие параметры и значения указать в style.css, чтобы мой файл был похож на макет?

Question

[lex_stronger]

Имеется такой макет. Не знаю, какие параметры и их значения прописать, чтобы получилось, как в макете. Помогите пожалуйста.
Вот то, что у меня получилось

Comments

[Алексей Уколов]

Сделайте интерактивный пример с вашим кодом на codepen.io.

[Ankhena]

При такой формулировке вопроса, наверное, вам куда-то сюда https://doka.guide/css/ или аналоги.
Или пройдите интерактивный курсы htmlacademy.ru

Не знаю, какие параметры и их значения прописать, чтобы получилось, как в макете.

Зависит от того, что вы уже написали.
Сделайте песочницу с видимой проблемой на codepen.io

Грубо говоря:
Список из 3 элементов.
В каждом из которых: заголовок, текст. Иконку в разметку вставлять не нужно - такие штуки делаются псевдоэлементами.
Поставить в один ряд: гриды или флексы для ul.
Центрировать: проще всего text-align.
Псевдоэлементу задать ширину и горизонтальные margin auto.
Не забудьте убрать/скорректировать отступы у ul.

Answer 1

[Anonymous Penguin]

1) Научиться верстать
2) Подключить шрифты
3) Использовать флексбоксы и гриды

Ну невозможно прописать в CSS что-то конкретное, чтобы решить твою проблему. Чтобы ответить, нужно знать макет полностью и видеть твою реализацию кодом. И плюс нужно понимать, что у одной проблемы может быть десятки решений

Answer 2

[Даниил]

Просто готовый код выкладывать - не вижу смысла. Но направить, нужно обязательно.
Для начала, если вас интересует только макет в виде расположения блоков, то срочно прочтите flexbox или тут. А также систему Grids . Причем это для расположения блоков и содержимого блоков.

Далее, если вас интересуют детали - fonts/шрифты
И прочее по работе с шрифтами, чего у вас нет - тут

И рекомендую пройти вот этот мини курс по css. Успехов)

Answer 3

[Edward Gricc]

тому что получилось text-align: center или по основной линии флекса выравнивай если у flex direction row иначе по вспомогатьельной по умолчанию стоит row

Comments

[Edward Gricc]

А вообще человек сверху прав)lol)