Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social proof section w/ (ANIMATION + HTML + CSS)🤠

CodeStan• 260

@code-stan

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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 GitHub
Discord logo

Join 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