Taysha Posted April 29, 2021 Share Posted April 29, 2021 Site URL: http://tayshamalesacreativeco.com.au Hi everyone, I'm trying to create borders around text in a section so that the borders run at the same size as the section. Visually like a grid. My biggest problem with this is that they don't resize for mobile well. Preferably I would have them fall underneath each other when resized but at the moment they just get squashed next to each other. My URL: www.tayshamalesacreativeco.com.au Password: tayshamalesapreview Example site: https://www.lucycaddey.com/ homepage -> scroll to list of services This is the code I'm running currently: [data-section-id="607d6150c2d85562926a4efb"] {margin: 0px -25px 0px -15px;} #block-1f7b96aec8aea67dd868 { padding: 50px 0px 50px 0px; margin: -10px 0px -10px 0px;background: #f5ebda} #block-46872eb64fad04c554f0 { padding: 79px 0px 79px 0px; margin: -10px 0px -10px 0px;} #block-46872eb64fad04c554f0 {border-style:double; border-color: black; border-width:1px; padding: 79px 0px 79px 0px; margin: -10px 0px -10px 0px; background: #f5ebda} #block-54cbdb289542520fb481 {border-style:double; border-color: black; border-width:1px; padding: 79px 0px 79px 0px; margin: -10px 0px -10px 0px; background: #f5ebda} #block-5021c5dee554372af7d7 {border-style:double; border-color: black; border-width:1px; padding: 79px 0px 79px 0px; margin: -10px 0px -10px 0px; background: #f5ebda} Link to comment
tuanphan Posted April 30, 2021 Share Posted April 30, 2021 (edited) Hi. Can you describe what you want on mobile? Edited April 30, 2021 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted May 1, 2021 Share Posted May 1, 2021 Also, the site has some small problems. Do you want to fix these? Site URL: https://www.tayshamalesacreativeco.com.au/ 1. (Footer-Mobile) Make links in 2 columns? 2. (Mobile-Homepage) Reduce this white space? 3. (Tablet-Homepage) Reduce this space? 4. (Tablet-Services) Remove this white space? 5. (Mobile-Services) Similar on mobile 6. (Tablet-Inquire) Increase width? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Taysha Posted May 3, 2021 Author Share Posted May 3, 2021 I should have mentioned that I'm still building so it's all a bit of a mess at the moment! Had to make it live overnight but it's back to password protected now. The layout seems to have solved itself on mobile (aside from 'I'm passionate about' being too far to the left) but it's not exactly what I'm after for desktop. I'd prefer if the box section was the width of the browser and all lines were even. I've attached the section I was inspired by for a bit more of a visual reference. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment