flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add responsive on Homepage elements

Browse Source
This commit is contained in:
Shelby Kay
2021-10-01 23:43:00 +02:00
parent f1ddc05d17
commit 57a12487a3
7 changed files with 169 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/style/atoms/_box-cta.scss
View File

@@ -1,19 +1,31 @@
.box-cta {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 144px;
height: 176px;
padding: 24px 16px;
margin: 0 auto;
width: 260px;
height: 88px;
padding: 24px 32px 24px 48px;
background-color: $color-primary-tertiary20;
border-radius: 12px;
text-decoration: none;
@include bp (sm) {
flex-direction: column;
width: 144px;
height: 176px;
padding: 24px 16px;
}
.icon {
margin: auto 0;
width: 48px;
height: 48px;
width: 36px;
height: 36px;
flex-shrink: 0;
@include bp (sm) {
margin: auto 0;
width: 48px;
height: 48px;
}
img {
display: block;
@@ -25,5 +37,12 @@
span {
display: block;
color: $color-secondary-light;
text-align: left;
margin-left: 24px;
@include bp (sm) {
margin-left: 0;
text-align: center;
}
}
}