Skip to content
Submitted almost 3 years ago

9th Challenge: Four card feature section

drunken_neoguri•290
@DrunkenNeoguri
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

(I wrote the content using Google Translate. There may be sentences with awkward grammar. Please understand.)

Hello! We did this project as our 9th challenge.

When I first started working on this project, I was very worried about how to arrange the four cards.

However, with the knowledge I have accumulated through the challenges I have done so far, I have been able to complete the task without too much trouble! I'm glad! I'll try the next challenge soon.

Thank you for watching. Advice always grows me. Please feel free to advise!

Community feedback

  • Account deleted

    Hi there 👋

    Congratulate on finishing your project 🎉. You did a great job 🔨

    I give some suggestions that I hope help you take your project to the next level 📈. Little thing, but changes a lot I think. The original box-shadow is not completely black. Let's change it to this hsl(197deg 71% 30% / 10%) 0 8px 16px 4px

    Happy coding ☕

    Maqsud

    Marked as helpful
    1
    drunken_neoguri•290
    @DrunkenNeoguriPosted almost 3 years ago

    @maqsudtolipov

    Wow! In relation to the usage of 'hsl', I first learned that deg units are used and that alpha values can be expressed like that!

    You could express it like that without using 'hsla'! In addition, it became an opportunity to study the values after 'hsl''.

    thank you for telling me!

    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