bad starting page on smartphone

Move css you added to template_css.css to bottom of layout.css, if that does not help

...
@media screen and (max-width: 620px){
.cat-children > div {
width: 100%;
clear:both;
}
...

change width: 100%; to width: 100%!important;

One other step to come to the result that I expect. On the smartphone the pictures are now fine. On the PC and tablets under inspiration now I have only 1 column. Before I had 3 columns on the PC and tablet.

Here are files just replace them

Greate! Can I have the same border distance left and right. The left border is smaller than the right one

Replace layout.css with one in attachment.

Hi Ivan
Your support is excellent!

I don't no if you find also a solution for the tablet. Only if I held my tablet in the upright position I see the pictures "inspiration" overlapped: