Coder Social home page Coder Social logo

capstoneproject's People

Contributors

ephraimb avatar

Watchers

 avatar

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 photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.