Skip to content
Submitted almost 3 years ago

responsive card with grid css

accessibility
Rio Rifaldi•100
@rio-rifaldi
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello everyone 🙌

this is challenge that challenged my frontendmentor.io. i hope you enjoy my project <br>

features

  • DarkMode 🌔 ☀️ & typing + fade effect

  • Responsive design 📱

  • accessibility 👨‍🦯

    accessibility keyword ⌨️

    • Alt + Shift + D : change color theme 🌔
    • Alt + Shift + F : go to frontendmentor.io 💻
    • Alt + Shift + R : go to my github repository 🖥️

  • my question

can anyone tell me how to directly choose color contrast for dark mode? i actually getting stuck for choosing color. or may be you have some good resouce for helping me choose dark color pallete, i will be very respect if you tell me. and one again, if you have some suggestion about dark mode please tell me. i will be very happy

thank you for whoever create this challenge for me and us. this is very challenging any feedback will be welcome.

thank you very much ✋

Code

Please log in to post a comment

Log in

Community feedback

  • ...•600
    @HatimHJ

    you put the colors in css variables in the body selector when dark mode clicked you give the body class like 'dark' in other slector [body.dark] you change variables colors .

    that how i did it in this challenging and it worked fine. there's a little bit of javascript

    Marked as helpful

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