FCimendere/Social-Links-Profile

Frontend Mentor - Social links profile solution - Basic HTML/CSS Practise

Frontend Mentor - Social links profile solution

This is a solution to the Social links profile challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

The challenge

Users should be able to:

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

Screenshot

Social links profile desktop view

Social links profile mobile view

Links

• You can see my solution here
• Live Site URL: Social links profile on vercel

My process

Built with

• Semantic HTML5 markup
• Vanilla CSS

What I learned

<h1>Some HTML code I'm proud of</h1>

#container {
  position: relative;
  transform: translateY(50%);
  margin-left: auto;
  margin-right: auto;
}

Continued development

I will continue more focusing the Flex and grid design for the next Frontend Mentor Projects.

Author

• Frontend Mentor - @FCimendere
• Twitter - @fly_pixie