capstoneproject's People
capstoneproject's Issues
Adding viewport to <head> for mobile styling displaying
If you do include mobile styles (using media queries), it is good practice to add the following line to your head when you're using media queries with width delimiters. This will ensure mobile styles will appear.
Adding this inside your HTML gave me your mobile styles.
<meta name="viewport" content="width=device-width, initial-scale=1">
Here's some further reading on this line. Check out the viewport sections.
https://developers.google.com/web/fundamentals/design-and-ui/responsive/
SUMMARY
Grade: Meets Expectations
Summary: This project is good! It meets the spec and the code is clean/free of any errors. No major areas of improvement, but read into including viewport in your head to enable mobile styling!
As a challenge, a great exercise would be expanding the site with links to the other pages, making minor style tweaks to these pages (the importance here is just getting to practice building multi-page sites). This will give you experience with building and managing a multi-page website.
Good work!
Good Code Organization
Overall, you have done a good job on the organization of your HTML & CSS! Indentation is overall solid, classnames are descriptive, and there's no real areas of confusion. Ultimately, the first job is to deliver the output you want, but there's a lot of value to code quality as well!
Nice job!
Good Indentation Throughout Code
Indentation seems like a little thing, but early on a lot of new developers struggle with it and can get into bad habits. Your indentation is great. Very consistent and no wasted space. It's a small part of programming, practically non-existent in the minds of senior developers, but to get into good habits like you're setting now is excellent.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.