refactor panel

master
Ayush Mukherjee 4 years ago
parent 62865098d6
commit e10282661b

@ -1,4 +1,5 @@
.panel { .panel {
max-width: 1500px;
padding: 0 30px; padding: 0 30px;
position: relative; position: relative;
display: flex; display: flex;
@ -9,26 +10,14 @@
max-width: 640px; max-width: 640px;
img { img {
width: 90%; width: 100%;
border-radius: 50px; border-radius: 4px;
border: 4px solid $quaternary;
box-shadow: 0 3px 10px rgba($secondary, 25%);
} }
} }
.panel__body { .panel__body {
margin-right: 10px; margin-right: 10px;
.body__number {
position: absolute;
top: -90px;
left: -30px;
font-weight: $font-bold;
font-size: $font-panel;
color: $quaternary;
z-index: -1;
}
.body__title { .body__title {
font-size: $font-heading; font-size: $font-heading;
font-weight: $font-bold; font-weight: $font-bold;
@ -36,7 +25,7 @@
.body__content { .body__content {
margin: 40px 0; margin: 40px 0;
max-width: 800px; max-width: 700px;
} }
} }
} }
@ -47,9 +36,6 @@
.panel__body { .panel__body {
margin-right: 0; margin-right: 0;
margin-left: 10px; margin-left: 10px;
.body__number {
left: 90%;
}
} }
} }
@ -89,4 +75,4 @@
} }
} }
} }
} }

Loading…
Cancel
Save