Also I’ve noticed Codepen isn’t rendering my last media query for super small screens. Has anyone any idea why this is? jsfiddle is slightly better, but at full screen runs into the same problem.
I designed this on VSCode and locally on chrome it works fine…
@Codemiester yes I think that it is expected when designing it on sites like codepen and VSCode. When I too finished most of my other projects and view them from a mobile point of view it looks more muddled up but sometimes clear in some situations.
Your page looks good @Codemiester. Some things to revisit;
Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
Reference MDN Docs
You can nest those code snippets 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.
I’ve updated to remove the
from the end of each paragraph. Looking at the rendering I don’t think the
tags are even doing anything within the code tags? But My guess is it could still cause problems with the screen reader?
What are your thoughts. Should I take deep breath and delete the rest of them?
If you’re talking about the <br> elements then yes.
You can nest those code snippets 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.