https://github.com/coder-abdo/social-links-profile
https://github.com/coder-abdo/social-links-profile
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/coder-abdo/social-links-profile
- Owner: coder-abdo
- Created: 2024-07-07T19:43:46.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-07T20:00:48.000Z (almost 2 years ago)
- Last Synced: 2025-06-09T20:37:57.313Z (about 1 year ago)
- Language: CSS
- Size: 796 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Social links profile solution
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)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Author](#author)
## Overview
### The challenge
Users should be able to:
- See hover and focus states for all interactive elements on the page
### Screenshot
### Links
- Solution URL: [frontendmentor solution URL](https://www.frontendmentor.io/solutions/social-links-profile-29tZHunWuk)
- Live Site URL: [challenge live site URL on Github Pages](https://coder-abdo.github.io/social-links-profile/)
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
### What I learned
here the code I most proud on this challenge
```html
```
```css
@media (37.5rem < width) {
.card {
max-width: 40rem;
width: 100%;
padding: 3rem;
border-radius: 2rem;
}
.card-img {
width: 10rem;
height: 10rem;
}
}
```
### Continued development
I will continue challenge myself to improve my skills and add new techs to the next challenges.
## Author
- Website - [my portfolio](https://abdelmonaem-portfolio.vercel.app/)
- Frontend Mentor - [@coder-abdo](https://www.frontendmentor.io/profile/coder-abdo)
- LinkedIn - [abdelmonaem](https://www.linkedin.com/in/abdelmonaem-shahat/)
- github - [@coder-abdo](https://github.com/coder-abdo)