feat: implement responsive column-based styling for all thumbnail cards #9
@@ -268,7 +268,7 @@
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.recipe-grid-enhanced .recipe-card:hover {
|
||||
@@ -278,7 +278,7 @@
|
||||
|
||||
.recipe-grid-enhanced .recipe-card img {
|
||||
width: 100%;
|
||||
aspect-ratio: 16 / 9;
|
||||
height: 60%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
flex-shrink: 0;
|
||||
|
||||
Reference in New Issue
Block a user