Social Media Dashboard

Introduction

A dashboard with social media info using a design provided by a Frontend Mentor challenge.

  • Stack:
    • HTML5
    • CSS3
    • Flexbox
    • Vanilla JS
Open Project
View Source

Purpose and goal

Developed to practice my layout skills in building a given design.

Features

  • Responsive design.
  • Dark Mode toggle.

Lessons Learned

  • Using variables (AKA custom properties) to change properties dynamically.
  • How the box-sizing property works in the box model.
  • Using the Flexbox layout for positioning.