Skip to content

Rickyngechu/proj-13

Repository files navigation

Frontend Mentor - Social media dashboard with theme switcher solution

This is a solution to the Social media dashboard with theme switcher challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Toggle color theme to their preference

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Responsive web design.
  • Mobile-first workflow.
  • Tailwind css.

What I learned

-I have learnt interacting with tailwind which is more efficient and more css twiks.

Continued development

I will continue learning and developing more projects by use of tools such as tailwind css and sass to enhance flexibility.

Useful resources

  • Tools - This helped me for color and web testing tools. I really liked this pattern and will use it going forward.

  • Tools - This is a blog containing various types of css toggle buttons including for the dark mode toggle switch.

-Tools-This is the official tailwind documentation website where you can learn tailwind css.

Author

Acknowledgments

I would like to acknowlegde Jonas schmedtman for the great skills he has offered me in his javascript courses.Furthermore I would like to pass my gratitude towards Kevin powell a great css master who has sharpened my css skills and responsive web design in general.

I would like to acknowledge the devlopers of Tailwind css.

Some youtube tutorials on accordion.

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors