Final Assignment: Can I use
Estimated Time: 4 - 8 hours
Objectives:
- To shorten css codes using a preprocessor
- To explore other css properties
Kindly clone that looks very similar to the image below. You can see here for better view.
Make sure you apply all the best practices taught in this chapter. Kindly validate your codes before having others review your code for you. Also, check if you can do it without of course putting too many things in a similar line of code. :)
NOTE: Do not use tables and negative margins.(For game development, negative margin is okay). We wanna challenge you on how many html & css lines you could simplify. See if you can achieve less than 150 lines. This will be up to you on what to use (Bootstrap/Pure HTML CSS, LESS/no LESS).
CAUTION: Before you submit, review your codes and ask yourself:
- Are you using too many div tags?
- Are you using lots of id to style specific elements?
- Do you see too many classes over and over again?
- Do you overuse html tags unnecessarily or have lots of gift-wrapped elements?
- Don't you utilize semantic tags such as section, header, footer, etc.?
- Do you name your classes with locations, and styles like "red","left", or "bottom"?
- Did you use obsolete html tags that dictate styles such as <br>, <u>, <b>?
If you answered "yes", you better refactor your codes. We really want you to deeply internalize these best practices because it will be your advantage when hopping into the industry. Anyone can code, but not everyone knows best practices.
Upload compressed files here and comment on your estimated finish time. Do this in every assignment.
