Looking for some help with TB3 here. I've created a jsFiddle to showcase my attempt at building a small minitron, which is essentially a mini jumbotron.
https://i.sstatic.net/VxruB.png
The idea is to have each 'minitron' contained within a main <div>
with the minitron
class, consisting of an icon (Glyphicon), a name, description, and a 'Learn More' button.
However, my CSS skills are lacking and I'm struggling to achieve the layout I envision, as evident in the fiddle provided.
Below are the CSS rules I tried implementing:
.minitron-icon {
width:20%;
height: 20%;
margin: 5px;
}
.minitron-name {
font-size: 18px;
}
.minitron-desc {
width: 80%;
margin: 5px;
}
.minitron-learnmore {
width: 95%;
}
Can anyone point out where I might be going wrong?