Skip to content

make website readable on small screens #247

@nobkd

Description

@nobkd

Add the following to the <head> section of each page (see https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#viewport_basics):

<meta name="viewport" content="width=device-width, initial-scale=1.0">

change default.css line 11+ to e.g. something like:

body {
  font-family: 'Monserrat', sans-serif;
-  margin-left: 100px;
-  margin-right: 100px;
+  margin-inline: min(10%, 100px);
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions