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

Blog-preview-card

ildi0818 40

@ildi0818

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I would start editing on mobile first.

What challenges did you encounter, and how did you overcome them?

Centering was also difficult.

What specific areas of your project would you like help with?

I have already solved this project.

Community feedback

@DR-KSP-VIRUS

Posted

Congratulations on your hard work!. However, I would like to give some suggestions.

  1. Try to identify your codes with a class or id so you can target them in the CSS file.

  2. In the CSS file, try to define your variables, especially the colors, using

    `*{
       --var-name: value;
    }
    

    `

You can get the colors as

selector-name { style-name: var(--var-name); }

Marked as helpful

1

ildi0818 40

@ildi0818

Posted

Super! I haven't tried it yet, but i'm sure it's very useful. Thanks! I just watched Kevin Powell's video about this today. 🙂

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