r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/construction.html
View File

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

4
site/construction_mobile.css Normal file
View File

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