construction mobile responsiveness

This commit is contained in:
Joshua Perry 2022-04-17 19:17:09 +01:00
parent 39de93f8a6
commit 61ae9d5844
2 changed files with 7 additions and 1 deletions

View File

@ -16,12 +16,13 @@
<link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="site/construction.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="site/construction_mobile.css" media ="screen and (max-width:800px)">
</head>
<body id="clicked">
<nav class="navigation">
<a class="hidenav" href="home/index.html#"> X</a>
<a class="hidenav" href="site/construction.html#"> X</a>
<a class="nav link" id="home" href="home/index.html"><h2>J-Pez Development</h2></a>
<a class="nav link" id="port" href="portfolio/portfolio.html"><h2>Portfolio</h2></a>
<a class="nav link" id="blog" href="blog/blog.html"><h2>Blog</h2></a>
@ -30,6 +31,7 @@
</nav>
<main>
<a class="shownav" href="site/construction.html#clicked"></a>
<section class="notice">
<img src="assets/images/construction.jpg" alt="Image of arbitrary source code"/>
<h2>This Page is currently Under Construction!</h2>

View File

@ -0,0 +1,4 @@
.notice {
margin: 0;
border-radius: 0;
}