This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revision | Last revisionBoth sides next revision | ||
onny:notizen:programmierung [2023/03/24 14:48] – [javascript] 10.100.0.1 | onny:notizen:programmierung [2023/10/24 10:51] – [css] 127.0.0.1 | ||
---|---|---|---|
Line 514: | Line 514: | ||
} | } | ||
</ | </ | ||
- | ===== css ===== | ||
- | sweet font styling | ||
- | <code css> | ||
- | font-family: | ||
- | font-size: 125%; | ||
- | line-height: | ||
- | </ | ||
- | media queries, page greater than 600px | ||
- | <code css> | ||
- | @media (min-width: 600px) { | ||
- | article { | ||
- | min-width: 600px; | ||
- | } | ||
- | } | ||
- | </ | ||
- | popover menu | ||
- | <code css> | ||
- | .main-navigation ul li ul.sub-menu { | ||
- | opacity: 0; | ||
- | position: absolute; | ||
- | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); | ||
- | transition: | ||
- | padding: 20px; | ||
- | z-index: 2; | ||
- | left: 17px; | ||
- | background: | ||
- | } | ||
- | .main-navigation ul li:hover ul.sub-menu { | ||
- | opacity: 1; | ||
- | transition: | ||
- | } | ||
- | </ | ||
- | |||
- | responsive grid layout | ||
- | < | ||
- | ul { | ||
- | display: grid; | ||
- | grid-gap: 50px 40px; | ||
- | grid-template-columns: | ||
- | } | ||
- | </ | ||
===== php ===== | ===== php ===== | ||
enable debugging / error log | enable debugging / error log |