I'm using a framework with a 12 column grid (bootstrap).
On my first
row
div
I changed col-9
to col-10
, and instead of applying margin-right
to the div
holding the h1
and h4
, I added it to each one directly (perhaps there is a better way, like A B {}
.
So:
HTML:
<div class="row">
<div class="col-2"><img src="images/logo.png" width="100px" height="100px" alt="Logo" />
</div>
<div class="col-10 titolo">
<h1>DANI SPRINGER</h1>
<h4>FRONT-END NINJA</h4>
</div>
</div>
CSS:
h1 {
margin-right: 5px;
}
h4 {
margin-right: 5px;
}
.titolo {
text-align: right;
}