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

Merge pull request #13 from jpez-development/mobile_version 

added mobile version for portfolio
This commit is contained in:
Joshua Perry 2022-04-17 12:44:07 +01:00 committed by GitHub
parent 963fc1b554 c002aa4b5c
commit c67807836e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
portfolio/portfolio.html
View File

@ -14,8 +14,10 @@
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg"> <link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
<link rel="stylesheet" href="style/main.css" media = "screen"> <link rel="stylesheet" href="style/main.css" media = "screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="portfolio/portfolio.css" media="screen"> <link rel="stylesheet" href="portfolio/portfolio.css" media="screen">
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="portfolio/portfolio_mobile.css" media ="screen and (max-width:800px)">
</head> </head>
<body id="clicked"> <body id="clicked">

14
portfolio/portfolio_mobile.css Normal file
View File

@ -0,0 +1,14 @@
.project {
margin: 0;
max-width: 25.6em;
border-radius: 0;
padding: 0;
}
.project > img {
max-width: 25em;
}
.project > video {
max-width: 25em;
}

3
style/mobile.css
View File

@ -14,13 +14,10 @@ body {
} }
main { main {
margin-left: 0.2em;
border-top-right-radius: 0em; border-top-right-radius: 0em;
border-bottom-right-radius: 0em; border-bottom-right-radius: 0em;
} }
.navigation { .navigation {
min-width: 10em; min-width: 10em;
width: 200%; width: 200%;