webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ADD: Components

Browse source 
Teaser, Card
This commit is contained in:
webfussel 2025-05-29 13:11:15 +02:00
parent 8943512328
commit c8e4bf4a14
8 changed files with 127 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/assets/css/skills.css
View file

@ -17,22 +17,6 @@
& .bottom {
align-items: center;
}
& .image-container {
display: flex;
align-items: center;
justify-content: center;
}
& .skill-card {
display: flex;
flex-direction: row;
align-items: center;
&.reverse {
flex-direction: row-reverse;
}
}
}
@media (width <= 1601px) {

43
app/assets/css/teaser.css Normal file
View file

@ -0,0 +1,43 @@
.Teaser {
display: flex;
flex-direction: row;
align-items: center;
& .image-container {
display: flex;
align-items: center;
justify-content: center;
}
&.right {
flex-direction: row-reverse;
}
}
@media (width <= 1601px) {
.Teaser {
flex: 1 0 300px;
flex-direction: column;
text-align: center;
justify-content: start;
&.right {
flex-direction: column;
}
& h3 {
text-align: center;
}
& .text-container,
& .text-container main {
height: 100%;
}
& .image-container img {
width: 100%;
height: auto;
}
}
}