1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Scale photo / responsive design

Discussion in 'Free Divi Community Forum' started by Tony Kartono, Apr 6, 2020.

  1. Tony Kartono

    Tony Kartono New Member

    Dear,

    I would like to implement 3 pictures next to each other on my home page (see attachment example).

    These pictures should be scaled and not change on laptop and PC.

    Right now the pictures have a good size on a PC, but on my laptop they are way to small.

    I think the correct term would be responsive design.

    Url: www.tonylauw.com

    How can I fix this?

    Many thanks in advance.

    Gr,

    Tony
     

    Attached Files:

    #1 Tony Kartono, Apr 6, 2020
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Looks fine for me. For bigger screen size, your image will appear bigger. For smaller screen size, the image adjusted appropriately.

    Any issue with that?
     
    #2 Divi.Help, Apr 6, 2020
  3. Tony Kartono

    Tony Kartono New Member

    The distance between the pictures becomes narrower. I would like it to be the same every time. When the page becomes to small the pictures should automatically be well sorted. We have the same problem with the round pictures we have just added.

    Url: www.tonylauw.com

    Is this possible?

    Kind regards,

    Tony
     
    #3 Tony Kartono, Apr 6, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    To make the distance the same, you may try to go to the Row Settings & set the gutter width to be 1. Then go to the image module settings & set some padding right to add the fixed spacing.
    For the round pictures, it has the overlap issue is because the button padding is bigger than your column width. Don't have any advice on this issue.
     
    #4 Divi.Help, Apr 6, 2020
(You must log in or sign up to post here.)