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 with SCSS

Nhan Pham 620

@NhanPhamTrong

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


This challenge is not too hard. I want to practice SCSS. I have a question about background image. Is there any way to change background image border radius? I cannot do that so I have to add <img> into html. Any suggestions are appreciated. Thank you!

Community feedback

@LonelyBuddy

Posted

You can just give a div a background-image and style it like this:

background: url(images/image-anne.jpg) no-repeat center/cover;
width: 51px;
height: 51px;
border-radius: 50%;

Marked as helpful

0

Nhan Pham 620

@NhanPhamTrong

Posted

@LonelyBuddy I mean can we only change the border radius of background image but not affect to border of element? I usually use your way but I suddenly thought about this question.

0

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