Мобильная версия
Используя инструменты Figma, я вижу, что это карточка размером 453 x 512 пикселей с отступами 30 пикселей сверху слева и снизу, а изображение - 393 x280 пикселей. Между изображением карты и телом карты имеется поле в 30 пикселей, после которого идет стандартный абзац h1 и тег ссылки. Ниже приведена реализация моего кода.
Код: Выделить всё
.blog {
display: flex;
flex-direction: column;
align-items: center;
}
.blog .icons {
display: flex;
flex-direction: row;
}
.card {
width: 453px;
height: 512px;
padding: 30px;
}Код: Выделить всё
We have Most of Popular Departments
[img]./assets/ai.svg[/img]
Artificial Intelligence
Assertively parallel task synergistic deliverables after high-quality.
[url=#]Learn More[/url]
[img]./assets/civil.svg[/img]
Civil Engineering
Assertively parallel task synergistic deliverables after high-quality.
[url=#]Learn More[/url]
[img]./assets/business.svg[/img]
Business Strategy
Assertively parallel task synergistic deliverables after high-quality.
[url=#]Learn More[/url]
View All Departments
Вот как выглядит моя карточка:
Подробнее здесь: https://stackoverflow.com/questions/723 ... ign-in-css
