This is a solution to the Social Links Profile challenge on Frontend Mentor. The challenge is to build a responsive profile section with social links using HTML and CSS.
The project consists of a profile section with social media links. The layout is responsive and adapts to different screen sizes.
- Responsive design for both mobile and desktop views.
- Interactive hover and focus states for all links.
- Clean and modern layout.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
The design includes:
- Desktop Layout: A centered profile section with social links displayed horizontally.
- Mobile Layout: A stacked layout for smaller screens.
- Primary Colors: Custom colors based on the design.
- Neutral Colors: Shades of gray and white.
- Font Family: Inter
- Font Weights: 400, 600, 700
- Frontend Mentor - @boompow
Designs provided by Frontend Mentor.
Special thanks to the Frontend Mentor community for their support and feedback.