Here are some things to consider when you are trying to resolve problems in HTML and CSS.
- Is the correct stylesheet applied properly? Check filename and code syntax.
- Are all elements are closed properly, particularly any layout divs?
- Are the values in quotations opened and closed properly?
- Do all your links work? – both external links and navigation links (don’t worry about nav links for Troubleshooting assignment, though); check your link code.
- Is your link text highlighted properly? Check code syntax and that you are closing the </a> element properly.
- Do images display properly? – check the code, filename is spelled correctly and file exists in the location of the code.
- Do you have semicolons between each item on stylesheet?
Are curly braces opened and closed properly around each style? - Are all elements and properties spelled properly in css?
- Pay attention to lowercase and capital letters. Best practice to not use spaces and capital letters to prevent any conflicts.
- Media queries are used to affect the presentation at different sizes. Check these for appropriate code syntax, curly braces, etc.
Use the Chrome Inspector to select the element and see what styles are applied to it. Is there something you didn’t expect or that needs to be changed?
Take your time and think through your problems to figure out a solution.