modified: begushiybashkir/src/index.html
modified: begushiybashkir/src/styles/mobileStyle.css modified: begushiybashkir/src/styles/style.css last commit
This commit is contained in:
@@ -15,7 +15,7 @@
|
|||||||
<img
|
<img
|
||||||
class="MainPhoto"
|
class="MainPhoto"
|
||||||
id="MainPhotoID"
|
id="MainPhotoID"
|
||||||
src="./photo/ZagirTrainer.jpg"
|
src=""
|
||||||
alt="BegushiyBashkirClub'sPhoto"
|
alt="BegushiyBashkirClub'sPhoto"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,4 +1,7 @@
|
|||||||
/* Мобильная версия (телефоны) */
|
/* Мобильная версия (телефоны) */
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -10,6 +10,7 @@ html {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
min-width: 320px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@@ -28,15 +29,16 @@ header {
|
|||||||
.header_img {
|
.header_img {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
min-height: 200px;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text_card {
|
.text_card {
|
||||||
position: absolute; /* накладываем элемент поверх */
|
position: absolute; /* накладываем элемент поверх */
|
||||||
bottom: 0;
|
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
width: 100%;
|
||||||
|
min-height: 200px;
|
||||||
background-color: rgba(0, 255, 0, 0.5);
|
background-color: rgba(0, 255, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user