fix: responsive layout
This commit is contained in:
parent
c40fac021d
commit
dc17d1557a
6
.idea/vcs.xml
Normal file
6
.idea/vcs.xml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="" vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
@ -10,7 +10,7 @@
|
|||||||
<title>sador.dev - projekty</title>
|
<title>sador.dev - projekty</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<h1>Sador</h1>
|
<h1>Sador</h1>
|
||||||
<button onclick="toggleTheme()">Zmień motyw</button>
|
<button onclick="toggleTheme()">Zmień motyw</button>
|
||||||
<button><a href="/">Powrót</a></button>
|
<button><a href="/">Powrót</a></button>
|
||||||
@ -31,6 +31,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
10
style.css
10
style.css
@ -268,16 +268,6 @@ body:not(.dark) #age {
|
|||||||
|
|
||||||
/* MOBILE */
|
/* MOBILE */
|
||||||
@media screen and (max-width: 798px) {
|
@media screen and (max-width: 798px) {
|
||||||
#content {
|
|
||||||
display: block;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
transform: none;
|
|
||||||
padding: 10px;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#projects {
|
#projects {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user