Three Column with picture responsive on the same row

Home Forums I need help Three Column with picture responsive on the same row

This topic contains 1 reply, has 2 voices, and was last updated by  tg_support 2 weeks, 4 days ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #3746

    haluong89gmailcom
    Participant

    Hi Themesgenerator support teams,

    I would like to know how can I build a section which there are three picture on the same line so that it will be responsive with tablet and phone.
    I am waiting for your reply:)

    Regards.

    #3788

    tg_support
    Keymaster

    Hello!

    Step 1: Drop a 3 column container using the block PercentWidthBox 3.

    You will see that all the columns have 33% width.

    3column

    Step 2: Change the view to tablet and modify the width of every column to 100%.

    responsive

    Step 3 (optional): center de images inside the column using Typography -> Text Align -> Center (images in websites work as text)

    You can try the same layout by downloading this test project: https://themesgenerator.com/tg/wp-content/uploads/2020/01/3-columns-test-theme.zip

    I hope it helps!

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

You must be logged in to reply to this topic.