layout in three parts and pictures

asked Oct 4 by Ciatronical (1,220 points)
retagged Oct 5 by Ciatronical
Hey all

I would like to design my layout in three parts.
Like here: https://t1p.de/8zyt  https://prntscr.com/1urkedy

I added the following CSS code for this.
.box {
  float: left;
  width: 33.3333%;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 3%;
 }
<div class="box">
  <h1 itemscope itemtypeee="http://schemaaa.org/Organization">
     <a href="{$website:url}" title="{$plugin:widcard:BizOrgName:notag}" itemprop="url">
        <img src="{$plugin:widcard:bizLogo:url}" alt="{$page:h1}"  itemprop="logo">
     </a>
  </h1>
</div>

Unfortunately the design is no longer responsive.
In the cell phone, I don't want the design to be in three parts.
Everything should be arranged there under each other.

If I click on the pictures or on the button below, I want to get to the sub-pages. Like here.

I am not very familiar with CSS and web design.
Do you have any tips for me?

Thanks very much

Ronny

Please log in or register to answer this question.

...