#Some CSS Tests

Test
MickSlash 2020-07-07 15:02:07 +02:00
parent 1896ea1fea
commit aa33fe90cf
1 changed files with 31 additions and 1 deletions

View File

@ -49,6 +49,26 @@
margin-top: 10px;
}
}
@media (max-width: 1624px) {
.img-fluid{
height: inherit;
}
}
.lastimagecomments {
/* classe utilizzata per ridimensionare le immagini relative agli ultimi commenti scritti */
height: 150px!important;
width: 100px!important;
}
.table td,.table th {
border-top: none!important;
}
.pfont{
font-size: 15px;
color: white;
}
.commentsmedia{
font-size: 12px;
}
</style>
</head>
<body>
@ -81,11 +101,21 @@
</div>
<div class="col-lg-4">
<div class="card text-center">
<h1>HELLO</h1>
<div class="container">
<h3>ULTIMI COMMENTI</h3>
<table class="table table-hover">
<tr class="row no-gutters">
<th><img src="https://lordchannel.com/wp-content/uploads/2020/04/8WUVHemHFH2ZIP6NWkwlHWsyrEL.jpg" class="img-fluid lastimagecomments" alt=""></a></th>
<td class="mt-2"><p class="pfont">BLOODSHOT</p>
<p class="text-muted commentsmedia">Ciao sono un commento...</p>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->