Beiträge von MarieAnn107

    Hallo liebe Forumgemeinde, ich habe die unten erläuterte Problemstellung und freue mich, wenn ihr mir helfen könnt! :) Sorry, dass das Thema in Englisch verfasst ist...

    I did an overview of three products on my website: http://www.restaurants-im-web.de/ . I want to show my offer with two images and one video in a row. You can see it on the page "Über Uns". I am satisfied with the solution, but I dont know how to get the same overview in the reponsive view.

    Her is my html-code for the desktop overview:


    and the css-code for the dektop overview:

    Code
    .angebote {
      float: left;
      margin: 0% 0% 0% 0.52%;
      overflow: hidden; }


    I tried already to alter the size of pictures and description on the mobile phone view, but I don't know exactly, which elements I should address with the class: .klein

    This is the code:

    Code
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .klein {width: 10% ;}
    }


    How can I get the overview in the mobile phone smaller, Which elements do I have to address?

    Thank you very much for your help!

    Maria