MickSlash
/
SomethingThatDoesntSuck
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added Media Query

Test
MickSlash 2020-07-07 01:09:13 +02:00
parent 836e26c599
commit 2dc577bf29
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Src/profilo.html
View File

@ -40,13 +40,19 @@ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", en
.card { .card {
background: inherit!important; background: inherit!important;
} }
@media (max-width: 768px) {
#mainbody{
width: auto;
height: 100%;
}
}
</style> </style>
</head> </head>
<body> <body>
<div class="my-3" id="mainbody"> <div class="my-3" id="mainbody">
<div class="container"> <div class="container">
<div class="row no-gutters mt-4"> <div class="row no-gutters mt-4">
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center my-auto">
<img id="img-border" src="https://avatarfiles.alphacoders.com/162/162492.png" class="img-fluid" alt=""> <img id="img-border" src="https://avatarfiles.alphacoders.com/162/162492.png" class="img-fluid" alt="">
</div> </div>
<div class="col-lg-8"> <div class="col-lg-8">
@ -55,8 +61,8 @@ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", en
<p id="biografia">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dolorum unde ea laborum eum iure beatae totam assumenda, quisquam architecto nemo, quod blanditiis asperiores magnam commodi exercitationem excepturi dolorem a!</p> <p id="biografia">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet dolorum unde ea laborum eum iure beatae totam assumenda, quisquam architecto nemo, quod blanditiis asperiores magnam commodi exercitationem excepturi dolorem a!</p>
</div> </div>
</div> <!-- FINE ROW --> </div> <!-- FINE ROW -->
<div class="row no-gutters"> <div class="row no-gutters mt-3">
<div class="col-lg-8"> <div class="col-lg-8 px-3">
<div class="card-header"> <div class="card-header">
<h3 class="text-center">FILM PREFERITI</h3> <h3 class="text-center">FILM PREFERITI</h3>
</div> </div>