franpcode/Allnews.com
1
0
Fork 0
mirror of https://github.com/FranP-code/Allnews.com.git synced 2025-10-13 00:32:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Diseño de las tarjetas listo

Browse Source
This commit is contained in:
Francisco Pessano
2021-07-10 21:48:43 -03:00
parent b3da2e207a
commit 6ffc840032
3 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.php
View File

@@ -27,9 +27,9 @@
?>
<div class="card">
<h2>Title</h2>
<div class="bottom-part">
<img src="./img/test.jpg">
<img src="./img/test.jpg">
<div class="text">
<h2>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis expedita repellendus sunt modi sint earum atque nihil porro neque, excepturi doloremque deserunt nesciunt nemo dolores, veniam error possimus non. Facere.</h2>
<h3>Content... Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut numquam accusamus, voluptas vel et corrupti, dolore maxime ipsum veritatis quae obcaecati magni provident iure possimus praesentium animi debitis, quos consequuntur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, reprehenderit. Voluptatem inventore est necessitatibus blanditiis? Voluptatem pariatur fuga officiis minus, excepturi laudantium assumenda enim, rem officia quis obcaecati facilis consequuntur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur facilis odio blanditiis perspiciatis quaerat quos magni dolor praesentium repellat officia fugit eum natus, impedit quis, quo optio? Similique, temporibus delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque dicta quia minima! Harum, alias maxime, architecto debitis distinctio amet assumenda, fugiat iure quis nesciunt ut laboriosam rem voluptatibus aspernatur nobis!</h3>
</div>
</div>

0
script.js Normal file
View File

34
style.css
View File

@@ -50,19 +50,23 @@ header {
.card {
padding-left: 2vw;
padding-right: 2vw;
padding-top: 2vh;
padding-bottom: 2vh;
width: 70vw;
height: 13vh;
width: 74vw;
background-color: #ffffff;
border-radius: 15px;
display: flex;
}
.card .text {
margin-top: 2vh;
margin-right: 2vw;
width: calc(74vw - 150px - 6vw);
margin-bottom: 2vh;
}
.card h2 {
font-size: 30pt;
font-size: 24pt;
margin-bottom: 1vh;
}
.card .bottom-part {
@@ -71,15 +75,21 @@ header {
}
.card img {
width: 70px;
height: 70px;
margin-left: 2vw;
margin-top: 2vh;
margin-bottom: 2vh;
width: 150px;
height: 150px;
align-self: center;
object-fit: cover;
margin-right: 2vw;
border-radius: 3px;
}
.card h3 {
font-size: 11pt;
height: 7vh;
overflow: hidden;
font-family: 'Times New Roman', Times, serif;
font-weight: lighter;
font-size: 12pt;
color: #999999;
}