yusufipek/nexter-react
1
0
Fork 0
mirror of https://github.com/yusufipk/nexter-react.git synced 2026-09-11 09:36:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

created and styled features section

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-13 12:31:46 +03:00
parent 4d91966711
commit 68c330ae90
7 changed files with 125 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sass/_features.scss
+25 -1
View File
@@ -1,4 +1,28 @@
.features {
background-color: $color-grey-dark-2;
grid-column: center-start / center-end;
margin: 15rem 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
gap: 60px;
align-items: start;
}
.feature {
display: grid;
grid-template-columns: min-content 1fr;
row-gap: 1.5rem;
column-gap: 2.5rem;
&__icon {
color: $color-primary;
font-size: 4.5rem;
grid-row: 1 / span 2;
transform: translateY(-1rem);
}
&__text {
font-size: 1.7rem;
}
}