Four Cards feature section with dark theme using React
Design comparison
Solution retrospective
Everything worked out great
What challenges did you encounter, and how did you overcome them?props in components but solved it
What specific areas of your project would you like help with?when I first load the site, it shows the light mode. Its fine and then when i click on the toggle button for darkmode, it changes the theme too fast. I want it to take 1s or 0.5s to change the theme. It reverts back to light mode after clicking on the button in darkmode in 1s with ease functionality. I want this functionality when I want to change to dark theme.
Community feedback
- @saularangurenPosted 7 months ago
Greetings, your solution is impressive, but you must modify this line
height: 100vh
That line of code limits the visual field of height depending on the device. On my computer, your website does not display correctly in desktop design, but in mobile design it looks excellent, change that line of code for this onemin-height: 100vh
main { min-height: 100vh; }
Marked as helpful1 - @markuslewinPosted 7 months ago
You set the
background-color
of bothbody
andmain
, but you only have atransition
formain
!Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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