Skip to content
Submitted almost 4 years ago

HTML + CSS using row-column bootstrap 5

Fitra Filian•30
@3filian
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Jaydi•355
    @ruedasjnthn

    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

  • Tyson W•305
    @Tyson-Wellings

    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!

  • Heli0s•670
    @zeerobit

    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

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