Test for better responsive values
authorRuben Rodriguez <ruben@gnu.org>
Wed, 21 Dec 2022 21:57:14 +0000 (22:57 +0100)
committerRuben Rodriguez <ruben@gnu.org>
Wed, 21 Dec 2022 21:57:14 +0000 (22:57 +0100)
output/author/free-software-foundation.html
output/fy2018.html
output/index.html
output/theme/css/b-side-base.css
output/theme/css/b-side-post.css
theme/static/css/b-side-base.css
theme/static/css/b-side-post.css
theme/templates/partials/head-meta.html

index 493d1f08559e2182af233770c8b8528e6e6cd38b..0ca68438e185db878f9493ce81cd5cf0298d221e 100644 (file)
@@ -5,7 +5,7 @@
 <title>Free Software Foundation - FSF FY2018 Annual Report</title>
 <link href="" rel="canonical"/>
 <link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
-<meta content="width=600, initial-scale=1" name="viewport"/><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </head>
+<meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport"><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </meta></head>
 <body>
 <header class="top-menu">
 <nav class="top-menu">
index bae243a95b99186f42f061f1fc8c9551d8b2dcc6..0575749b2b7b2f13c5f651d34e1fdfc7712d3cd9 100644 (file)
@@ -5,7 +5,7 @@
 <title>FY2018 Annual Report - FSF FY2018 Annual Report</title>
 <link href="" rel="canonical"/>
 <link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
-<meta content="width=600, initial-scale=1" name="viewport"/><link href="./theme/css/b-side-post.css" rel="stylesheet"/> </head>
+<meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport"><link href="./theme/css/b-side-post.css" rel="stylesheet"/> </meta></head>
 <body>
 <header class="top-menu">
 <nav class="top-menu">
index 3ac04b8cecc8553b674a0e6e63a0cc55450ac28f..2aff0a7e65748dfa3ea27e187e62ea12b62f8366 100644 (file)
@@ -5,7 +5,7 @@
 <title>FSF FY2018 Annual Report</title>
 <link href="" rel="canonical"/>
 <link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
-<meta content="width=600, initial-scale=1" name="viewport"/><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </head>
+<meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport"><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </meta></head>
 <body>
 <header class="top-menu">
 <nav class="top-menu">
index d23182ec01fe4e689d771154b5ad80e3ccc6308e..05589aa36bd02b990f760dc32b03cf32a318c770 100644 (file)
@@ -598,7 +598,7 @@ header > nav > ul {
 header > nav > ul > li {
        float: left;
        padding-left: 1rem;
-       letter-spacing: 0.125em;
+       letter-spacing: 0.05em;
 }
 header > nav::after {
        content: "";
@@ -939,7 +939,7 @@ header{
   top:0;
   background-color:rgba(255, 255, 255, 0.95);;
   margin:0;
-  padding:0.7rem;
+  padding:0.5rem 0 0.5rem 0.2rem;
   width:100%;
   box-shadow: 0 0 2px black;
   font-size:0.75rem;
@@ -950,6 +950,9 @@ body, html{
   padding:0;
 }
 
+body, #head{
+min-width:500px
+}
 
 
 .grid{
@@ -980,15 +983,15 @@ width: 25%;
 
 
 .column3{
-padding:0 1rem 0 1rem;
 float:left;
-width: calc(33% - 2rem);
+width: 30% !important;
+margin:0 1% 0 1%;
 }
 
 .column2{
-padding-right:1rem!important;
 float:left;
-width: calc(50% - 2rem) !important;
+width: 47% !important;
+margin:0 1% 0 1%;
 }
 
 section{
@@ -1115,7 +1118,7 @@ padding-bottom:2rem;
 
 .document > blockquote{
 border-left:none;
-max-width:50%;
+max-width:60%;
 margin:0 auto;
 margin-top:2rem;
 margin-bottom:2rem;
@@ -1139,8 +1142,9 @@ padding:0;
 }
 
 .imageblock{
-width:50%!important;
+width:47%!important;
 padding:0!important;
+margin:0!important;
 float:left!important;
 }
 
index fbcc2a2b300294f2b5773ec49a6870d053bd817c..6963fcb634f4c3c33a39552108572bd489e1cb5c 100644 (file)
@@ -67,8 +67,8 @@ img {
         }*/
 
 .document, #head p, h1, .fsflogo, .grid{
-margin-left:5%;
-width:90%
+margin-left:2%;
+width:98%
 }
 
 
@@ -76,7 +76,7 @@ width:90%
 width:100vw!important;
 padding:0!important;
 position:relative;
-right:5vw;
+right:2vw;
 }
 
 
index d23182ec01fe4e689d771154b5ad80e3ccc6308e..05589aa36bd02b990f760dc32b03cf32a318c770 100644 (file)
@@ -598,7 +598,7 @@ header > nav > ul {
 header > nav > ul > li {
        float: left;
        padding-left: 1rem;
-       letter-spacing: 0.125em;
+       letter-spacing: 0.05em;
 }
 header > nav::after {
        content: "";
@@ -939,7 +939,7 @@ header{
   top:0;
   background-color:rgba(255, 255, 255, 0.95);;
   margin:0;
-  padding:0.7rem;
+  padding:0.5rem 0 0.5rem 0.2rem;
   width:100%;
   box-shadow: 0 0 2px black;
   font-size:0.75rem;
@@ -950,6 +950,9 @@ body, html{
   padding:0;
 }
 
+body, #head{
+min-width:500px
+}
 
 
 .grid{
@@ -980,15 +983,15 @@ width: 25%;
 
 
 .column3{
-padding:0 1rem 0 1rem;
 float:left;
-width: calc(33% - 2rem);
+width: 30% !important;
+margin:0 1% 0 1%;
 }
 
 .column2{
-padding-right:1rem!important;
 float:left;
-width: calc(50% - 2rem) !important;
+width: 47% !important;
+margin:0 1% 0 1%;
 }
 
 section{
@@ -1115,7 +1118,7 @@ padding-bottom:2rem;
 
 .document > blockquote{
 border-left:none;
-max-width:50%;
+max-width:60%;
 margin:0 auto;
 margin-top:2rem;
 margin-bottom:2rem;
@@ -1139,8 +1142,9 @@ padding:0;
 }
 
 .imageblock{
-width:50%!important;
+width:47%!important;
 padding:0!important;
+margin:0!important;
 float:left!important;
 }
 
index fbcc2a2b300294f2b5773ec49a6870d053bd817c..6963fcb634f4c3c33a39552108572bd489e1cb5c 100644 (file)
@@ -67,8 +67,8 @@ img {
         }*/
 
 .document, #head p, h1, .fsflogo, .grid{
-margin-left:5%;
-width:90%
+margin-left:2%;
+width:98%
 }
 
 
@@ -76,7 +76,7 @@ width:90%
 width:100vw!important;
 padding:0!important;
 position:relative;
-right:5vw;
+right:2vw;
 }
 
 
index a3f37352df8c94138caa4b09ef4456e8ac03bd99..9917d096a1f615e58f04d35453ba3287ec74a34f 100644 (file)
@@ -1,2 +1,2 @@
 <meta charset="utf-8">
-<meta name="viewport" content="width=600, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2" />