Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
pauluwaifo authored Sep 10, 2023
1 parent 7652f94 commit ae4ab9d
Showing 1 changed file with 1 addition and 133 deletions.
134 changes: 1 addition & 133 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -88,136 +88,4 @@
font-weight: 700;
text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {

.wrapper {
background-color: #0d1520;
width:25%;
height: 320px;
border-radius: 20px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
}
@media only screen and (max-width: 768px) {

.wrapper {
background-color: #0d1520;
width:90%;
height: 350px;
border-radius: 20px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.profile-img-wrapper {
width: 80px;
height: 80px;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 3px solid #786d89;
}
#profile-image {
width: 70px;
height: 70px;
}

}
@media only screen and (max-width: 375px) {

.wrapper {
background-color: #0d1520;
width:90%;
height: 350px;
border-radius: 20px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.profile-img-wrapper {
width: 80px;
height: 80px;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 3px solid #786d89;
}
#profile-image {
width: 70px;
height: 70px;
}
button {
margin-top: 20px;
padding: 12px 15px;
background-color: black;
border: 0;
color: white;
border-radius: 20px;
background-image: linear-gradient(
to right,
#2b5876 0%,
#4e4376 51%,
#2b5876 100%
);
}
.live-data{
display: flex;
gap: 20px;
align-items: center;
}
}
@media only screen and (max-width: 320px) {

.wrapper {
background-color: #0d1520;
width:95%;
height: 320px;
border-radius: 20px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.profile-img-wrapper {
width: 70px;
height: 70px;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 3px solid #786d89;
}
#profile-image {
width: 60px;
height: 60px;
}
button {
margin-top: 20px;
padding: 10px 12px;
background-color: black;
border: 0;
color: white;
border-radius: 20px;
background-image: linear-gradient(
to right,
#2b5876 0%,
#4e4376 51%,
#2b5876 100%
);
}
.live-data{
display: flex;
gap: 10px;
align-items: center;
}
}

0 comments on commit ae4ab9d

Please sign in to comment.