Caktus website row margins

by Wray Bowling

HTML

<div class="container">
    <div class="row" id="one">
        <div class="section">one</div>
    </div>
    <div class="row" id="two">
        <div class="section">two</div>
    </div>
    <div class="row" id="three">
        <div class="section">three</div>
    </div>
</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<a href="#one">one</a>
<a href="#two">two</a>
<a href="#three">three</a>

CSS

.row{
    background-color:orange;
    color:white;
    overflow:auto;
    margin:4px;
}

.section{
    background-color:blue;
    margin-top:50px;
}

.row:first-child .section{
    margin-top:0;
}