https://github.com/dalascript/social-links-profile
Part 4 | Social links profile Challenge by Fronendmentor.io & Coded by Dala
https://github.com/dalascript/social-links-profile
bem css flexbox frontendmentor-challenge html mobile-first-workflow scss
Last synced: about 1 month ago
JSON representation
Part 4 | Social links profile Challenge by Fronendmentor.io & Coded by Dala
- Host: GitHub
- URL: https://github.com/dalascript/social-links-profile
- Owner: DalaScript
- Created: 2024-08-01T21:03:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-08-26T08:07:17.000Z (9 months ago)
- Last Synced: 2025-08-26T10:11:03.177Z (9 months ago)
- Topics: bem, css, flexbox, frontendmentor-challenge, html, mobile-first-workflow, scss
- Language: SCSS
- Homepage: https://dalascript.github.io/social-links-profile/
- Size: 29.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Social Links Profile | Frontend Mentor
**Challenge 4**
This is a solution to the [Social links profile challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/social-links-profile-UG32l9m6dQ). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## 📚 Table of contents
- [🔎 Overview](#-overview)
- [🎯 The challenge](#-the-challenge)
- [📸 Screenshot](#-screenshot)
- [🔗 Links](#-links)
- [🛠️ Built with](#️-built-with)
- [🧠 My process](#-my-process)
- [🔙 Previous challenge](#-previous-challenge)
- [🔜 Next challenge](#-next-challenge)
- [👤 About Me](#-about-me)
- [🌐 Connect with Me](#-connect-with-me)
- [💻 Coding Profiles](#-coding-profiles)
## 🔎 Overview
### 🎯 The challenge
Users should be able to:
- See hover and focus states for all interactive elements on the page
### 📸 Screenshot
### 🔗 Links
- [🔴 Live Demo](https://DalaScript.github.io/social-links-profile/)
- [🗂️ GitHub Repository](https://github.com/DalaScript/social-links-profile)
### 🛠️ Built with
- HTML5
- CSS3
- Flexbox
- Mobile-first workflow
- bem - [Block Element Modifier](https://getbem.com/introduction/)
## 🧠 My process
### 🔙 Previous Challenge
- Blog Preview Card | *Challenge 3* → [View Repository](https://github.com/DalaScript/blog-preview-card)
### 🔜 Next Challenge
- Product Preview Card Component | *Challenge 5* → [View Repository](https://github.com/DalaScript/product-preview-card-component)
---
## 👤 About Me
### 🌐 Connect with Me
- [Instagram](https://www.instagram.com/DalaScript)
- [YouTube](https://www.youtube.com/@DalaScript)
### 💻 Coding Profiles
- [freeCodeCamp](https://www.freecodecamp.org/DalaScript)
- [FrontendMentor](https://www.frontendmentor.io/profile/DalaScript)
- [GitHub](https://github.com/DalaScript)
*🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀*