rmcg.dev/projects/FrontendMentor/newbie/blog-preview-card/assets/css/layout.css

45 lines
559 B
CSS
Raw Normal View History

2024-04-07 04:34:06 +02:00
article {
padding: 1.5rem;
* + * {
margin-top: 0.75rem;
}
2024-04-07 05:47:45 +02:00
a {
display: block;
}
img {
height: 200px;
object-fit: cover;
}
2024-04-07 04:34:06 +02:00
/* Size between: 327px → 384px */
width: var(--sizing-article-width);
.author-section {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 1.5rem;
img {
margin-top: 0;
width: 2rem;
height: 2rem;
}
p {
margin-top: 0;
margin-left: 0.75rem;
}
}
.category {
2024-04-07 05:47:45 +02:00
margin-top: 1.5rem;
2024-04-07 04:34:06 +02:00
padding: 0.25rem 0.75rem;
width: -moz-fit-content;
width: fit-content;
}
}