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

HTML + CSS using row-column bootstrap 5

@3filian

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How to set the image to right? How to add the purple wrapper to the image?

Community feedback

P
Jaydi 355

@ruedasjnthn

Posted

use mixblend mode: multiply then set the opacity of your image to 70%, you can achieve the set design for the image using this technique

0
Tyson W 305

@Tyson-Wellings

Posted

To add the purple wrapper to the image you can create a wrapper div around the image. Set the background the wrapper div to the color that style guide provides you!

0
Heli0s 670

@zeerobit

Posted

How to set the image to right? How to add the purple wrapper to the image?

A: if you used flexbox then you can use the "order" property to switch them position, set order: 1; on the second div and order: 2; on the first div

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