Submitted almost 2 years ago
Social proof section w/ (ANIMATION + HTML + CSS)ðŸ¤
@code-stan
Design comparison
SolutionDesign
Solution retrospective
Just added the final touches to this challenge (The Animation). Happy with how it turned out.
WHAT I LEARNT
I learnt that it's possible to fix in 2 images in background-image property and also control both their position with background-position;
Here is the code snippets below:
.class{ background-image: url("image1"), url("image2"); background-position: x-axis y-axis, x-axis y-axis; }
I learnt that padding-inline has 2 values input and also, padding-block? 🤔 hmmm... Yeah it does 😅
Here is the code snippets below:
.class { padding-inline: 12rem 7rem; /*This both indicating padding left and right respectively*/ }
Any and all feedback is greatly appreciated!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord