Вопрос Вопрос html visual code studio

[Serega495812]

как точно так же сделать?

 

[edik]

Открыть учебник css и изучить.

 

[гамлет 154 рус]

div блоками

 

[фывйцууц]

Портфолио тоже за тебя создать?

 

[fedot]

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


Silver house

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum suscipit laudantium, error eaque asperiores numquam quisquam laborum harum expedita dicta at? Dolorem aut dolor rerum. Repellat, consectetur? Totam, veritatis rerum.


Silver house

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aspernatur ea mollitia sapiente, magnam accusamus magni ipsam distinctio voluptas quo vitae quis obcaecati illum odio sint quidem nesciunt quibusdam culpa fuga.


Silver house

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate ratione itaque debitis velit perferendis, doloremque dolorum illum, blanditiis voluptate est nihil dolores quod placeat ipsum obcaecati minus possimus neque adipisci.


Silver house

Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eveniet, porro reiciendis consequuntur placeat adipisci excepturi ab totam recusandae labore ad consequatur cupiditate error accusamus asperiores voluptas distinctio repellendus debitis?


Silver house

Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt a laudantium voluptas rem id exercitationem eos reprehenderit laborum eum itaque molestiae molestias ullam neque, obcaecati, saepe cumque. Sit, tempore ipsum.


Silver house

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consectetur eos architecto ipsam illo! Quod nam eveniet in repellendus odio quo neque, consectetur error ea! Et repudiandae assumenda corrupti eius ipsum.






.container {
width: 1000px;
margin: 0 auto;
}

.title {
text-align: center;
text-transform: uppercase;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.list {
gap: 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.item {
padding: 10px;
border-radius: 3px;
border: solid 3px black;
}

.item h3 {
text-align: center;
text-transform: uppercase;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.item img {
width: 100%;
height: 200px;
}