ricardobalk / ricardobalk.nl

My personal website, made with Nuxt 3 (Vue 3), TypeScript & TailwindCSS
https://ricardobalk.nl
ISC License
0 stars 0 forks source link

Make Vue helper components for portfolio content #39

Closed ricardobalk closed 4 years ago

ricardobalk commented 4 years ago

I want a <Left> and a <Right> helper class, so that I can easily float markdown content to the left and right. It could help when working on #27

ricardobalk commented 4 years ago

It doesn't work like expected. Let's close this issue and move over to using plain divs, e.g. div.split-50, div.split-50 > .left and div.split-50 > .right.

In Markdown, it would look like:

<div class="split-50">
  <img src="https://placehold.it/1080x1920" alt="An example image" class="left" /
  <div class="right">
    # Some Markdown here

    An example paragraph

    ## Subtitle

    Another paragraph
  </div>
</div>

Not the best option in terms of cleanliness, but a solution that works.