Delivery Status

Building on what I learned from my first project, this site leveled up my use of HTML and CSS, providing an opportunity to develop a realisitc layout for a food order application.

Client
Delivery Status
Services
Mobile First Design
Technologies
HTML & CSS

About the project

Using the foundation I built from my first few small projects, I was able to make this good looking layout. I added a few new tools to my arsenal getting this layout right and I enjoyed every minute of it. Some of the new things I learned were:

  1. How to import a Google font without having to host the font on my site.
  2. How to add more complexity with the use of media queries to control the layout when the window changes sizes.
  3. How to better plan out my site with HTML so that my CSS can be clean and efficient as possible.
  4. How to better use HTML5's semantic elements to my advantage when creating a webpage.

Conclusion

This project opened my eyes a little more and I became much more comfortable using HTML and CSS, including some of their more complicated features. I'm still getting my own naming conventions down and now that I've been able to include things like JavaScript, React, and Laravel to my repertoire, the need for a clean naming convention has only grown in importance.