Submitted over 2 years ago

9th Challenge: Four card feature section

drunken_neoguri• 290

@DrunkenNeoguri

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

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

drunken_neoguri• 290

@DrunkenNeoguri

Posted over 2 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!

Please log in to post a comment

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