Design comparison
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