luffytaro22/portfolio-mobile-first-skeleton

This is a Portfolio based on a Figma template. The goal was to replicate it following the mobile first approach.

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
  • Tech Stack
  • Key Features
• 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Portfolio: setup and mobile first

Portfolio: setup and mobile first is a layout for my future portfolio using Mobile First Responsive Desgin.

🛠 Built With

Tech Stack

• HTML
• CSS

Key Features

• Multiple Platform's Supportive.
• Mobile First.
• Modern and attractive Interface.

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need:

• Internet connection.
• Any device with a width of at least 375px.

Setup

To clone this repository to your desired folder, run the following command:

git clone https://github.com/Luffytaro22/Portfolio-Mobile-First-Skeleton.git

Deployment

You can deploy this project with This Link

(back to top)

👥 Authors

👤 Manuel Sánchez

• GitHub: @githubhandle
• LinkedIn: LinkedIn
• Twitter: @twitterhandle

(back to top)

🔭 Future Features

• A pop-up for the menu.
• A more optimized display.
• More readable CSS code.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please give it a star ⭐️

(back to top)

🙏 Acknowledgments

I would like to give credits to the following:

• Microverse for this readme template.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

portfolio-mobile-first-skeleton's Issues

Peer to peer code code review

Hi @Luffytaro22 ,

Good job so far! 👏. Your Code is Awesome! 💪

There are some few issues 🐛 that you still need to work 🔧 on though to go to the next project ⏭️ but you are almost there! 🏃

Don't Worry 🙏

It's ok to have bugs in your code 🐛. Especially if that's is your first project 1️⃣. Please, see this code review as a chance for you to learn practical coding skills and learn new tips that can improve your code quality 💯 and help you get a better job 💼.

I am going to guide you on how to fix them down below. 🤓

Required Changes ♻️

Check the comments under the review.

• Could you consider removing the max-with of the * global container because it makes an issue with the sides of the webpage.
• Kindly consider changing the height of the footer to get a better UX.
• I think it should be better if you resize the img tags with other responsive sizes like rem , % , em. because they improve your responsive design.

Happy coding!!

Deployment

The Online Version of this project can be accessed through this link: https://luffytaro22.github.io/Portfolio-Mobile-First-Skeleton/