site-redesign-suggest #21

Merged

emma merged 14 commits from site-redesign-suggest into site-redesign

2022-09-20 01:06:06 +00:00

sashakoshka commented

2022-09-19 22:12:23 +00:00

Owner

Re-aligned various elements on the page
Gave logo a max and min width
Reduced corner radius a bit
Gave links slightly better contrast
Improved :focus styling
Replaced div.content and div.section with main and section
Normalized header tags according to this article on MDN
Changed hardcoded | symbols in the nav into css pseudo-elements

- Re-aligned various elements on the page - Gave logo a max and min width - Reduced corner radius a bit - Gave links slightly better contrast - Improved :focus styling - Replaced div.content and div.section with main and section - Normalized header tags according to [this article on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#usage_notes) - Changed hardcoded | symbols in the nav into css pseudo-elements ![image](/attachments/164cfbf9-f6c5-49fd-8b24-2b55df1ef56b)

image.png

61 KiB

Screenshot 2022-09-19 at 18-11-55 TiB. Home.png

63 KiB

sashakoshka added 10 commits 2022-09-19 22:12:24 +00:00

4740b979fe Added min and max width to logo

The logo looks better on smaller displays, and displays which are
somewhat wide but not very tall.

026dffb435 Re-aligned various things

a74cfe72fd The nav ul is no longer inside of a header

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#usage_notes

ad4e84bd13 Slogan is no longer an h3

d57be5e28b Replaced h1 tags in about with h2 tags

MDN
> Using more than one <h1> is allowed by the HTML specification, but is not
> considered a best practice. Using only one <h1> is beneficial for screen
> reader users.

90326f36a1 Replaced section divs with section elements

797e1628a3 Improved link contrast

a425f13530 Converted div .section into main

4ed5a52374 Minor style tweaks

c7265d7c87 Removed hardcoded '|'s in HTML and replaced them with css ::after