How can I override margin-block-start?

I included normalize.css I have margin:0 on the header elements I have margin:0 on every class on the page

https://www.christianlong.design/SuperSmashBrosDB/phptest6.php

I can't figure out how to change the margin of the h3 elements for the life of me and other stack overflow answers were rude and assumed nothing had been tried. Please guys be helpful :)

1 answer

  • answered 2018-11-08 08:11 kinamartinez

    I am not sure if this is what you wanted, but if you do not want to get the margin-block-start who is coming when you use h3, use another tag (div) and give a class with the properties that you want:

    <div class="cardContainer">
    <div class="cardHeader cardTitle">
        <div class="cardTitle classInsteadH3">The legend of Zelda</div>
        <div class="cardBody">
            <div class="card Section">
                <div class="classInsteadH3">Universe ID:4</div>
            </div>
        </div>
    </div>
    

    .classInsteadH3 {display: inline; padding: 0; margin: 0;}
    .cardTitle {
     font-family: 'Fjalla One', sans-serif;
     font-size: 30px;
     color: white;
     padding: 8px;
     margin-bottom: 0px;
     margin-top: 0px;
    }
    .cardBody {
     padding-top: 19.920px 30px 0 30px;
     min-height: 150px;
    }