mobile friendly

This commit is contained in:
cupcakearmy 2020-07-24 15:36:56 +02:00
parent 6923124578
commit 3c6e25af7a
No known key found for this signature in database
GPG Key ID: D28129AE5654D9D9

View File

@ -12,7 +12,10 @@
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
}
.date {
align-self: flex-end;
}
section {
@ -22,16 +25,20 @@
ion-icon {
transform: translateY(0.25em);
}
@media (max-width: 30em) {
div {
flex-direction: column;
}
}
</style>
<section>
<div>
<h2>{project.name}</h2>
</div>
<h2>{project.name}</h2>
<div>
<b>{project.title}</b>
<b>{project.date}</b>
<b class="date">{project.date}</b>
</div>
<p>{project.body}</p>