forked from Decentrala/website
		
	fix: mobile CSS and other mistakes
This commit is contained in:
		@@ -50,18 +50,18 @@ footer {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
header {
 | 
			
		||||
  grid-area: "header";
 | 
			
		||||
  grid-area: header;
 | 
			
		||||
  border-bottom: 2px solid var(--border);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
footer {
 | 
			
		||||
  grid-area: "footer";
 | 
			
		||||
  grid-area: footer;
 | 
			
		||||
  border-top: 2px solid var(--border);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
main {
 | 
			
		||||
  grid-area: "main";
 | 
			
		||||
  padding: 3rem 3rem 3rem 3rem;
 | 
			
		||||
  grid-area: main;
 | 
			
		||||
  padding: 3rem;
 | 
			
		||||
  font-size: 1.3rem;
 | 
			
		||||
  line-height: 2rem;
 | 
			
		||||
  max-width: 120ch;
 | 
			
		||||
@@ -104,6 +104,7 @@ a:focus {
 | 
			
		||||
  border-color: var(--hightlight);
 | 
			
		||||
  background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.account,
 | 
			
		||||
.sections,
 | 
			
		||||
#sections-menu {
 | 
			
		||||
@@ -189,6 +190,10 @@ screen and (max-width: 1500px) {
 | 
			
		||||
    font-size: 2.2rem;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  main {
 | 
			
		||||
    padding: 1rem;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .links {
 | 
			
		||||
    display: none;
 | 
			
		||||
  }
 | 
			
		||||
@@ -197,4 +202,8 @@ screen and (max-width: 1500px) {
 | 
			
		||||
  footer {
 | 
			
		||||
    padding: 0 1rem;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  #theme-switcher {
 | 
			
		||||
    margin-right: 1rem;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user