Skip to main content

Forums

This topic contains 4 replies, has 3 voices, and was last updated by  lerougeliet 6 days, 2 hours ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #294349

    Bigg
    Participant

    Hello dear members, please help me with next stuff. I’m practicing with html and css now, and canot understand how to make adaptive images in #id.
    I have 6 same images, with text on em (

    )

    [code]

    <

    div id=”gallery”>

    <

    div class=”container”>

                <div class="good-images some-image"> 
    

               <p class="text">Some info</p>
    

    [/code]

    .good-images {
    width: 300px;
    height: 300px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
    box-sizing: border-box;
    padding: 40px 10px 20px;
    box-shadow: 0px 3px 3px 0px #212121;
    background-blend-mode: multiply;
    }

    When you minimize browser this 6 images stand in one column (each ofter each). Im asking for help. It will be great to make 3 images on the top and 3 images after. With other images under the header iv made next code -.menu {
    text-align: center; and it works. But with my first question not.

    #294354

    Paulie_D
    Moderator

    Try making a demo in Codepen.io rather thnan posting some small snippets of code.

    #294360

    Bigg
    Participant

    https://codepen.io/Biggis/pen/dybMbjG

    Im tyring to make images with center align and (three pictures) in a row and three pictures below them.

    #294384

    Bigg
    Participant
    #294619

    lerougeliet
    Participant

    Use width: 33% or flexboxes

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star