Hi, all. First, thanks for reading and answering. So, to the point.
I’m building a website in which my gf and I are going to upload and post information about rescued dog for them to be adopted. I´m trying to do it in a way that it’s going to be easy for us to update constantly the page, so I’m placing everything inside a column in cornerstone and eding with CSS because I want to be able to copy that part and just modify the basic things. Here’s in the screenshot the image with the number 1 how I want it to look, but in this I’m using several columns. So I tried to put everything inside one column but when I’m trying to place the last two bars to the side of the first two, this happens (Image with number 2)
I had tried a lot of things and nothing seems to work. Please help me. I’m going to share the code.
The classes are:
Image: dog
Name of dog: name
Description of dog: txt
First two bars: bar2
Last two bars: bar3
Call to action button: cta
.dog{
width: 42%;
float: left;
margin-right: % ;
position: relative;
clear: left;
}
.txt {
Margin-left: 5%;
padding-top: 1%;
width: 90%;
clear:right;
position: block;
}
.h-skill-bar {
width: 45%;
}
.name {
min-width: 35%;
margin-top: 5%;
margin-right: 8%;
margin-bottom: 2%;
position: relative;
float: right;
position: block;
}
.bar2 {
width: 45%;
float : left;
position:relative;
clear: right;
margin:0;
}
.bar3 {
width: 45%;
float : left;
position:relative;
margin:0;
margin-bottom: 3%;
}
.cta {
border-top:1%;
width: 100%;
}
www.biosfera.com.mx/rescates
Thanks everyone!
