]> Lady’s Gitweb - Blog/log
Blog
18 months agoSet a minimum viewport width of 480px
Lady [Mon, 1 May 2023 00:49:07 +0000 (17:49 -0700)]
Set a minimum viewport width of 480px

The banner image of the site is a standard 468px wide, meaning that on
smaller devices (phones in portrait mode) it will awkwardly overflow
the viewport. This sets the viewport on such devices to 480px and also
provides some CSS improvements in the case that the screen is too small
for other reasons.

18 months agoSmall improvements for mobile browsers
Lady [Mon, 1 May 2023 00:38:33 +0000 (17:38 -0700)]
Small improvements for mobile browsers

- Use `svb` instead of `vh` for `<body>` sizing to prevent overflow
  when the location bar is placed above content.

- Add viewport meta tag to templates to prevent downscaling on some
  mobile devices.

- Use `Max-Inline-Size` instead of `Max-Width` when styling `<main>`
  for consistency.

18 months ago[2023-04-30] hello_world
Lady [Sun, 30 Apr 2023 23:37:31 +0000 (16:37 -0700)]
[2023-04-30] hello_world

18 months agoInitial commit
Lady [Sun, 30 Apr 2023 23:34:10 +0000 (16:34 -0700)]
Initial commit

This page took 0.021156 seconds and 4 git commands to generate.