Responsive update
This commit is contained in:
parent
435a1812d7
commit
1cb2517ca2
4 changed files with 18 additions and 4 deletions
13
index.html
13
index.html
|
@ -6,6 +6,10 @@
|
|||
<meta name="description" content="Tiqa :: Développement - Conseil - Formation"/>
|
||||
<link rel="stylesheet" href="stylesheets/sanitize.css"/>
|
||||
<link rel="stylesheet" href="stylesheets/style.css"/>
|
||||
<link rel="stylesheet" media="screen and (max-width: 500px)" href="stylesheets/small.css"/>
|
||||
<link rel="stylesheet" media="screen and (max-height: 640px)" href="stylesheets/small-height.css"
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="apple-touch-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
|
||||
|
@ -14,9 +18,12 @@
|
|||
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#4b1762">
|
||||
<meta name="msapplication-TileColor" content="#4b1762">
|
||||
<meta name="theme-color" content="#4b1762">
|
||||
<!-- /Favicons -->
|
||||
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
4
stylesheets/small-height.css
Normal file
4
stylesheets/small-height.css
Normal file
|
@ -0,0 +1,4 @@
|
|||
footer {
|
||||
bottom: 0;
|
||||
position: relative;
|
||||
}
|
3
stylesheets/small.css
Normal file
3
stylesheets/small.css
Normal file
|
@ -0,0 +1,3 @@
|
|||
img#logo {
|
||||
width: 100%;
|
||||
}
|
|
@ -18,7 +18,7 @@ body {
|
|||
margin: 0 auto 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
img#logo{
|
||||
img#logo {
|
||||
width: 500px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue