Skip to content

Latest commit

 

History

History
77 lines (49 loc) · 2.19 KB

README.md

File metadata and controls

77 lines (49 loc) · 2.19 KB

Frontend Mentor - Social links profile solution

This is a solution to the Social links profile challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • See hover and focus states for all interactive elements on the page

Screenshot

Mobile view

Desktop view

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • React - JS library
  • Next.js - React framework
  • Styled Components - For styles

What I learned

I learnt using downloaded/given font styles.

Continued development

RWD - Responsive Web Design

Useful resources

  • Teescholar Blog - This helped me for styling the footer. I really liked this pattern and will use it going forward.

Author

Acknowledgments

I really appreciate Frontend moentor for this challenge opportunity, which has helped me to learn, unlearn, relearned and learning Web development.