zkr024/portfolio

Responsive site from Mobile to desktop. Designed took from Figma. Used Flexbox for the header and the 1st page. Combile Grid and Flexbox to build the work area. Used media queries to make the site responsive. Used animations a transitions to make the site more friendly to the user. Used JavaScript to enable/disable the mobile menu from the navbar

Oscar - Portfolio

Responsive site from Mobile to desktop. 2nd Figma template.

• Used Flexbox for the header and the 1st page.
• Combile Grid and Flexbox to build the work area.
• Used media queries to make the site responsive.
• Used animations a transitions to make the site more friendly to the user.
• Used JavaScript to enable/disable the mobile menu from the navbar

Built With:

• HTML.
• CSS.
• JavaScript
• Check the code with Linters tests: Webhint Stylelint Lighthouse esLint

Live Demo

Live Demo

Getting Started

To get a local copy up and running follow these simple example steps:

• Go to the folder where you want to store the project, and clone the repository:
• SSH: [email protected]:zkr024/Portfolio.git

Authors

👤 Oscar Bermudez

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

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

📝 License

This project is MIT licensed.

portfolio's Issues

Update readme file

In the readme file add the other authors who contributed to your work.

Clean code in general

Portfolio/style.css

Line 793 in 3bb5aef

textarea::placeholder {

Hi, there!
Your code looks great. It's very clean.
My only suggestion is: split up your style.css into several CSS files, like 'header.css' + 'buttons.css' + 'footer.css' and so on.
It will be easier to handle pieces of code.

Code Review

Peer to Peer code review @Retky @Have-Samuel @zkr024

1. Please try split your css for easy working and reading.
2. Try to use the partner selector listener to close when its clicked; or using a loop for a single class to close the menu for the js file.
3. All your code is working properly without bugs.