Нужна помощь в стилизации сss.Как исправить ошибки?

Question

[vadin322]

<div class="main_info_block">
                <h3 class="containet_title ">ПРОГРАММА КУРСА</h3>
            
                <div class="container">
                    <div class="box">
                        <div><p class="box_date_1">11-15</p><p  class="box_mounth_1">ноября</p></div>
                         <p class="box_titile_1">Lorem ipsum — классическая панграмма</p>
                         <ul class="box_list_1">  
                            <li>Блок про уход за кожей от Vichy – 1 день. Лектора
                                 предоставляет бренд. </li>
                            <li>Блок про Ютуб – 3 дня. Лекции проведет Air Academy.</li>
                            <li>Личный опыт бьюти блогера (на Ютуб). Приглашенный лектор.</li>
                            </ul>
                </div>
            </div>

.main {
		display: flex;
		flex-direction: column;
		width: 1119px;
        height: 509px;
		margin: 0 132px 0 115px;
		}
		.container {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		}
		
		.box {
		display: flex;
		width: 50%;
		}
		.containet_title {
		font-style: normal;
		font-weight: bold;
		font-size: 18px;
		line-height: 145%;
		text-align: center;
        width: 413px;
		margin: 0 477px 0 476px;
		}
		.box_date_1 {
		font-style: normal;
		font-weight: bold;
		font-size: 36px;
		line-height: 145%;	
		padding: 51px 0 0 12px;
		} 
		.box_mounth_1{
		font-style: normal;
		font-weight: bold;
		font-size: 13px;
		line-height: 145%;
		padding: 0 0 0 21px;
	}
	.box_titile_1 {
		font-style: normal;
		font-weight: bold;
		font-size: 13px;
		line-height: 150%;
		padding: 57px 0 0 40px;
	}

Помогите пожалуйста ,расположить элементы 1 блока как на фотографии 1 .

Comments

[Ankhena]

Как разобраться в позиционирование в блоках?
Как написать один блок(нужна помощь новичку )?
Не многовато ли одинаковых вопросов, в которых вы даже не трудитесь отметить решения?

Какая должна быть разметка написала 2 раза. Даже картинку рисовала. И вроде вы даже показывали верный код. Сейчас опять дивы.

Про то, что код нужно оформлять в песочницу на jsfiddle.net или аналогах я тоже говорила неоднократно.
И даже показывала пример.
А вы снова лепите простыню. Её в уме компилировать?

[Ankhena]

vadin322,

А так: верстка не семантична, классы написаны с ошибками, сами стили - кривые. - я в это ми не сомневаюсь ,так как это 1 сайт которые я пытаюсь сверстать. По этому и просил мне показать как правильно, чтобы знать и использовать это в будущем

Я вам уже сказала. И, поскольку вы новичок, то даже картинки нарисовала.

[Ankhena]

Вот они, что в них не понятно?



На втором скрине h3, а не h2

Answer 1

[MamaLuyba]

Судя по скринам из фигмы, кто-то хочет, чтобы мы за него сделали его работу. Этого, конечно, не будет.
К тому же, верстка абсолютно элементарная: два блока, которые делятся на два блока, которые делятся на два блока, которые... ну, и так далее.
А так: верстка не семантична, классы написаны с ошибками, сами стили - кривые.

"Как исправить ошибки?" - расти над собой.

Comments

[vadin322]

А так: верстка не семантична, классы написаны с ошибками, сами стили - кривые. - я в это ми не сомневаюсь ,так как это 1 сайт которые я пытаюсь сверстать. По этому и просил мне показать как правильно, чтобы знать и использовать это в будущем

[MamaLuyba]

vadin322, "показать, как правильно" = "сделайте за меня". Этим никто заниматься не будет. А так, могу посоветовать поизучать первые страницы по запросу "семантика html пример".

[Ankhena]

vadin322, да я вам даже с картинками показывала где какие теги