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
Here's a feel of the tablet view of the design
up here ☝🏽
- Solution URL: Solution :-
- Live Site URL: Github Pages :-
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
Transforming elements can do the job of moving elements better even than all the while using absolute/relative positioning combo🤜🏽
.user_ratings .rat1 {
transform: translateX(-80px);
}
.user_ratings .rat2 {
transform: translateX(-40px);
}
}
- Used the above to handle the ratings side movement 💯
- Website - Lesley Kimutai
- Frontend Mentor - Leskim
- Facebook - lesley.kimutai
Cecil Kipchirchir - Yeah he helped ... moral support 😅
- Website - Cecil Kipchirchir