This is a solution to the Social proof section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the section depending on their device's screen size
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- SCSS custom properties
- Flexbox
Used SCSS for the first time and definitely saved a large amount of time.
$font-size: 15px;
@mixin review-box{
box-sizing: border-box;
border-radius: 10px;
background-color: $dark-magenta;
}
#review-box-1{
@include review-box;
margin-bottom: 32px;
}
- svgbackgrounds.com - Helped me with the svg background.
- sass-lang.com - Used for writing styles in SCSS instead of CSS.