cupcakearmy/nicco.io
1
0
Fork 0
mirror of https://github.com/cupcakearmy/nicco.io.git synced 2024-09-21 15:04:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

mobile friendly

Browse Source
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
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Project.svelte
View File

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