View Project Here
Any tips or feedback would be welcomed. Thank you
View Project Here
Your page looks good @teamie. Some things to revisit;
- Run your HTML code through the W3C validator.
There are HTML syntax/coding errors you should be aware of and address.
Since copy/paste from codepen you can ignore the first warning and first two errors. (You can also ignore the warnings regarding sections lacking headings. These are semantic warnings, not errors)
- All of your
codesnippets seem to be in unordered lists.
Rather than doing that, you can nest those
codesnippets in an HTML element to preserve whitespace and line breaks. I’ll leave it to you to research that.
Or there’s a
property: value;pair you can use in CSS to preserve whitespace and line breaks. Again, I’ll leave it to you to research.
- Just a word of caution when using this.
overflow-x: hidden;will completely hide anything that extends outside its container element horizontally. It’s recommended to not do this, and refactor your CSS to be more responsive - otherwise it is possible for your site to appear to be missing content.
On a side note, comments in code should be informative to anyone reading the code, or to yourself in the future, if the piece of code is hard to understand.
To have comments as a sort of checklist is not such a good idea. You should remove them after you’re done.
Hello, @Roma Thank you for the feedback. I have made all necessary adjustments.
- No HTML errors just warnings regarding using heading tags
- I was able to get the same result nesting my
codesnippets inside of a
prealthough I also tried using the
also learned the CSS
white-space: pre. Kindly check out the changes and give feedback.
- I also made my CSS more responsive and took out the
overflow-x: hiddento prevent my contents from being cropped off.