Hello,

took me the better part of the afternoon, but I came up with the
following approach:



* Was ist Virtualisierung?
- Aus der Wikipedia:
#+BEGIN_QUOTE
Virtualisierung bezeichnet in der Informatik die Nachbildung eines
Hard- oder Software-Objekts durch ein ähnliches Objekt vom selben Typ
mit Hilfe eines Abstraktions-Layers.
#+END_QUOTE


#+REVEAL_HTML: <div 
style="display:flex;align-items:center;margin:auto;width:60%;">

#+REVEAL_HTML: <div style="width:30%">
[[./img/1290250232.svg]]
#+REVEAL_HTML: </div>

#+REVEAL_HTML: <div style="width:30%">
[[./img/Machovka-chip.svg]]
#+REVEAL_HTML: </div>

#+REVEAL_HTML: <div style="width:30%">
[[./img/SAN-Disk-Array-SCSI-29.07.11.svg]]
#+REVEAL_HTML: </div>

#+REVEAL_HTML: </div>


That resembles the slide from [0] to a certain degree. The three images
are centered, vertically and horizontally, even if they are of different
sizes. I'm not sure though how good the support for display:flex is,
esp. when it comes to mobile devices. And, for my taste at least, that
approach needs too much knowledge about style sheets. Still looking for
a nicer solution ;).

Regards
hmw

[0] https://www.c0t0d0s0.de/tmp/vm1.png

Reply via email to