Performer photo on form, page + styling.

This commit is contained in:
codevictory
2021-06-02 19:31:28 +03:00
parent dfd636f3d6
commit 2f912e6153
7 changed files with 77 additions and 17 deletions

View File

@@ -1,5 +1,6 @@
.performer-img {
max-width: 57%;
margin-top: 10px;
}
@media screen and (max-width: 600px) {
@@ -8,20 +9,30 @@
}
}
.performer-paragraph {
text-align: left;
}
.performers-container {
display: flex;
flex-wrap: wrap;
width: 80%;
justify-content: space-between;
align-items: baseline;
justify-content: space-evenly;
font-size: 1.2em;
.performer-name {
width: 30%;
font-size: x-large;
border-right: solid 1px;
border-left: solid 1px;
width: 40%;
margin-bottom: 4%;
border-radius: 3px;
display: flex;
align-items: center;
padding: 5px;
}
a {
color: #2f273e;
margin-left: 10px;
text-align: left;
}
}
@@ -32,10 +43,10 @@
margin-bottom: 10%;
text-align: left;
padding-left: 5%;
}
.performer-name::before {
content: '>> ';
a {
text-decoration: underline;
}
}
}
}