Edit styling and fonts

2019-09-15 22:48:03 +02:00
parent f7400be1d0
commit 20d91c9ace
14 changed files with 112 additions and 129 deletions
--- a/src/components/portfolio/project.svelte
+++ b/src/components/portfolio/project.svelte
@ -2,16 +2,22 @@
  export let project
 </script>

+<style>
+  .project-image {
+    float: right;
+    width: 25%;
+  }
+
+</style>
+
 <article class="project">
  <h3>{project.name}</h3>
  <section class="description">
+    {#if project.image}
+        <img src="{project.image.source}" class="project-image" alt="{project.image.image_description}" />
+    {/if}
    {@html project.description}
  </section>
-  {#if project.image}
-    <aside>
-      <img src="{project.image}" class="project-image" alt="{project.image.description}" />
-    </aside>
-  {/if}
  <aside>
  </aside>
 </article>