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}