hallo,
ich habe mal wiede eine Frage, im Moment habe ich für meine Webseite noch 2 verschiedene Ansicht für meine Bilder in den Artikeln,
nun will ich endlich die responsive sache lernen.
In der Desktop ansicht ist das Bild, darüber eine fancybox, ein onscrolleffekt, etc..... es sicht so aus:
<section class="flex-item">
<div class="hideme"> <div class="bird"> <a rel="example_group" href="fotoparade/gardasee-3.jpg"> <img alt="" title="" src="fotoparade/thumbs/gardasee-3.jpg" />
<span class="transition overlay"> <h2>Gardaseeimpressionen</h2> </span> </a></div></div>
</section>
in der mobile ansicht ist es schlicht, keine onscroll, kein overlay, und auch der link ist anders, so:
<section class="flex-item">
<a href="swiper/swiper_fotoparade.php#slide_23"> <img alt="" title="" src="fotoparade/thumbs/gardasee-3.jpg" /></a>
</section>
wie kann ich das jetzt in einer css datei vereinen?
die größe und ob die flexbox row oder column ansicht hat, ist kein problem, das mach ich mit den mediaquery ab zb.800px,
aber die verschiedenen links und zb. das
weglassen.
vielen dank für eure ideen dazu.
ps. https://keeplifesimple.de/artikel/zufallspitze.php
unsere seite wie es jetzt mit desktop und mobile aussieht, sorry besser kann ich es nicht.
gruss
Tino