Frontend Mentor - Social links profile challenge

This a project done by a young developer in the programming hood.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• 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: Add solution URL here
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

I learned how to create a "social link profile"... Some of your major learnings while working through this project was using display:propeyties and value.

Code Samples

.proud-of-this-declarations {
  display: Flex;
  flex-direction: column;
}

Continued development

In future projects, i want to be focusing on more Css web layouts like 'grid/flexbox'... I'm not completely comfortable with this layouts, i want to refine more of it and perfect...

Useful resources

• daveteachescode - This helped me for layouts reason in the challenge. I really liked this pattern and will use it going forward.
• w3schools - This is an amazing article/tutorials which helped me understand more about web layouts. I'd recommend it to anyone still learning this concept and daring the challenge.

Author

• Website - Ade4programming
• Frontend Mentor - @JamesAdeshina
• Twitter - @Adeshina4christ