Capstone Project :Blog App
This project is about building Blog web app on capstone project using html, css, and JavaScript
Live demo
Built With
-Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more). -Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors). -Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
Prerequisites
VScode or other editor
Install
Cloning the project
git clone https://github.com/sentayhu19/capstone-project
Getting packages and debuging with Stylelint
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
For validation detection using Stylelint Run
npx stylelint "*/.{css,scss}"
from parent source directory
Getting packages and debuging with Webhint
npm init -y npm install --save-dev [email protected]
For validation detection using Webhint Run
npx hint .
Authors
- GitHub: @sentayhu19
- LinkedIn: sentayhu-berhanu
🤝
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a
Acknowledgments
-This project was inspired by Microverse](https://www.microverse.org
📝
License
This project is MIT licensed.
Desgined By by Cindy Shin in Behance
Mobile and desktop version
in this pull
mobile version design
In this pull -Desktop and Mobile version of the page
home page desktop version
Hello sentayhu, you did a great job so far :clap: , But you still need some small improvements.
On your home page for the desktop version can you please add some padding from the top and bottom so the social icons and the buttons can have more room.
Great job you did keep coding :clap: :clap: .
Peer Review
♻️ CHANGES REQUIRED
Hi @sentayhu19 ,
Good job so far. However, there are some changes required to make your code even better.
.main-section-item-3 is placed using absolute positioning, consider using a more dynamic approach like flex
Add margins between ".blogtypes" items, I think the spacing will look nicer.
Would you be so kind as to resolve those conflicts before this PR can be further reviewed?
Happy Coding 👏👏👏
Feel free to leave any questions or comments in the PR thread if something is not 100% clear.
***Please remember to tag me in your question so I can receive the notification.