7DOC-linkedin
LinkedIn Replica
🪧 Vitrine.Dev | |
---|---|
✨ Name | LinkedIn Replica |
🏷️ Build with | html, css |
🚀 URL | https://linkedin-replica.vercel.app |
🔥 Challenge | https://7daysofcode.io/matricula/html-css-linkedin |
About The Project
7 Days Of Code Challenge
- The challenge proposes to follow simple guidelines given over the course of 7 days to create a Front-End App.
The main focus of this project was to practice how to:
- Analyze figma layout and build HTML and CSS accordingly
- Use Flexbox / Grid for layout responsiveness
- Use responsiveness units to manipulate images and font sizes
Schedule
- Day 1: Create and style main profile information section
- Day 2: Create and style navbar
- Day 3: Create and style highlights section
- Day 4: Create and style recent activity and about sections
- Day 5: Create and style experiences section
- Day 6: Create and style education and languages sections
- Day 7: Create and style sugestions sections
Observations:
- Since the mobile layout was not provided, I did the responsiveness based on the current mobile linkedin layout
Veja meu projeto em: https://github.com/noliv197/7DOC-linkedin