https://github.com/parham-dev27/social-links-profile

Social Links Profile | Frontend Mentor
https://github.com/parham-dev27/social-links-profile

css css3 front-end frontend frontend-mentor frontend-mentor-challenge frontendmentor html html-css html5 sass sass-framework scss scss-framework

Last synced: 16 days ago
JSON representation

Social Links Profile | Frontend Mentor

• Host: GitHub
• URL: https://github.com/parham-dev27/social-links-profile
• Owner: parham-dev27
• Created: 2024-01-27T13:32:25.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-01-27T13:43:32.000Z (10 months ago)
• Last Synced: 2024-10-10T15:21:50.810Z (about 1 month ago)
• Topics: css, css3, front-end, frontend, frontend-mentor, frontend-mentor-challenge, frontendmentor, html, html-css, html5, sass, sass-framework, scss, scss-framework
• Language: HTML
• Homepage: https://parham-dev27.github.io/Social-Links-Profile/
• Size: 1000 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Social Links Profile




  


    

      Live

    

     | 

    

      Solution

    

    | 

    

      Challenge

    

  





   Solution for a challenge from  frontendmentor.io.









## About The Project

This challenge will serve as excellent practice for individuals seeking to test their CSS skills. Flexbox is an incredibly potent extension of CSS, making it highly valuable to familiarize oneself with it. The primary objective of this challenge is to construct and to achieve a design that closely resembles the provided design. You are free to utilize any tools that aid you in completing the challenge. Therefore, if there's a particular skill you wish to enhance, feel encouraged to give it a try.





 
I do not have access to the Figma sketch so the design is not pixel perfect.


## Built with

-   Semantic HTML5 markup

-   Flex / Grid

-   Desktop-first workflow

-   Responsive Design

-   Media queries

## What I learned

Another great project to practice CSS. I finally had a better understanding of CSS and learned how to make a responsive design with media queries and flex-boxes. Really loved the project!

## Acknowledgments

A big thank you to anyone providing feedback on my solution. It definitely helps to find new ways to code and find easier solutions!