Skip to content
Submitted over 3 years ago

HTML, CSS

Lalit Rathore•25
@lalitwizz21
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. How can I color my image, like in the question?
  2. When to use image and background-image, which is suitable for the current situation?
  3. How to choose color Palette for the webpage? I'm very bad at it.

Thanks for your suggestions :)

Community feedback

  • Chamu•13,130
    @ChamuMutezvaPosted over 3 years ago

    Greetings Lalit

    • in the original folder you downloaded, look for a file called style-guide.md for the styles to use including colors and fonts.
    • check on background blend mode as to the effects on background image.
    • use background image for decorative purposes and the img tag when the image has content that is kind of useful
    0
  • Joe Slatts•0
    @jslatteryCCCPosted over 3 years ago

    In response to question 3, I've used sites like

    https://color.adobe.com/create/color-wheel

    and

    https://coolors.co/

    to start getting a feel for coordinating colors. You can even use a source image to generate a palette based on colors in the image.

    0

Please log in to post a comment

Log in with GitHub

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