Day 288
Building a MIXER.COM clone
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
********
@import url("reset.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap");
html,
body {
background: #253141;
font-family: "Montserrat", sans-serif;
}
header {
display: flex;
justify-content: space-between;
padding: 30px;
.left-menu {
display: flex;
.logo {
font-size: 2rem;
font-weight: 700;
color: #fff;
}
.menu {
display: flex;
justify-content: center;
align-items: center;
padding: 0 50px;
a {
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
font-weight: 500;
padding: 0 25px;
&:hover {
// font-weight: 600;
color: #fff;
}
}
}
}
.right-menu {
display: flex;
justify-content: center;
align-items: center;
.language {
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
padding-right: 60px;
font-weight: 500;
&:hover {
// font-weight: 600;
color: #fff;
}
}
.signin {
background: #0375d5;
border-radius: 5px;
padding: 10px 20px;
font-size: 0.8rem;
color: #fff;
font-weight: 700;
}
}
}
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
********
@import url("reset.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap");
html,
body {
background: #253141;
font-family: "Montserrat", sans-serif;
}
header {
display: flex;
justify-content: space-between;
padding: 30px;
.left-menu {
display: flex;
.logo {
font-size: 2rem;
font-weight: 700;
color: #fff;
}
.menu {
display: flex;
justify-content: center;
align-items: center;
padding: 0 50px;
a {
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
font-weight: 500;
padding: 0 25px;
&:hover {
// font-weight: 600;
color: #fff;
}
}
}
}
.right-menu {
display: flex;
justify-content: center;
align-items: center;
.language {
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
padding-right: 60px;
font-weight: 500;
&:hover {
// font-weight: 600;
color: #fff;
}
}
.signin {
background: #0375d5;
border-radius: 5px;
padding: 10px 20px;
font-size: 0.8rem;
color: #fff;
font-weight: 700;
}
}
}
Comments
Post a Comment