I created a food blog webpage with the simplest dark toggle mode

I created a food- blog website to test my front-end skills and in a span of a month, I learnt to add language switcher and dark toggle mode — in the simplest way possible. How it all began I had wanted to create a series of webpages to improve my portfolio and, I wanted to do so by improving my skills with each project. I began with a food blog website with the layout inspirations from pinterest and a bit of creativity. Though it isn't the best, I am glad I decided to sit up straight and work on it atleast an hour rather than doze off. a screenshot of the website design I used to work on my layout How did I set up the dark toggle mode? For the dark toggle mode, I used a moon icon and a sun icon from font awesome (a website for free fonts) and ensure that only one of them stay displayed to the user at a time. /*hiding the sun icon in css*/ .theme-icon .fa-sun { display : none ; } I kept the webpage in light mode so the sun was kept out of user's sight. a picture of my website depicting