Skip to content
Snippets Groups Projects
Commit f582da7e authored by Gabriel Copat's avatar Gabriel Copat
Browse files

More styling Updates

parent 9210707e
No related branches found
No related tags found
1 merge request!19Resolve "As a user I want the website to be mobile friedly so that I can use it on the go"
......@@ -10,34 +10,34 @@ body {
}
main {
}
.centerFlex {
display: flex;
justify-content: center;
}
#allTrailsBar {
padding:0;
max-width: 80%;
height: 11svh;
margin: 1svh auto;
width: 100%;
height: auto;
/*margin: 1svh auto;*/
padding: 0 5svh;
display: flex;
justify-content: space-between;
/*border-bottom: solid grey 2px;*/
/*border-top: solid grey 4px;*/
flex-wrap: wrap;
justify-content: space-evenly;
}
.trailsImages {
margin: auto;
height: 10svh;
width: 10svh;
margin: 1svh auto;
height: 12svh;
width: auto;
border-radius: 20px;
border: solid grey 2px;
transition: 0.5s ease-out 100ms;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.85);
}
.trailsImages:hover {
box-shadow: 0 0 20px 10px #bbbb00;
transform: scale(1.2,1.2);
!important; overflow: visible;
}
.selected {
......@@ -101,6 +101,7 @@ main {
margin-right: 2vw;
width: 100%;
height: auto;
box-shadow: 0 10px 20px -10px black;
}
& p {
grid-area: text;
......
......@@ -3,13 +3,11 @@
border-bottom: 2px rgb(230, 230, 230) solid;
margin-bottom: 20px;
display: flex;
background: blueviolet;
background-color: rgb(84, 33, 128);
}
/* Navbar Links */
.navBar {
margin-top: 50px;
margin-left: auto;
margin-right:20px;
margin: 2svh 1vw 2svh auto;
text-align: right;
}
.work{
......@@ -58,8 +56,9 @@ footer {
margin-top:auto;
display: flex;
justify-content: center;
background: blueviolet;
background-color: rgb(84, 33, 128);
border-top: 2px rgb(230, 230, 230) solid;
font-size: 1vw;
}
.footerBar{
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment