Mobile View Sections

yeah i keep adjusting the css cos of my table debarcle, but i'm sure i've sorted that now

i've got the gaps between positives and negatives working now but is there a way to add a little padding at the top of the positives and negatives bit on mobile view

Can you provide a link to your site again? Thanks!

Greatest Reviews

Change this CSS you've added:

@media (max-width: 768px) {
    h2 {
        font-size: 25px;
    }
}

To this:

@media (max-width: 768px) {
    h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

err how do i do that? can i just add some to custom css?

Yup that should work.

can i do it just for positives and negatives

@media (min-width:769px) {
    .pro h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

Would this work?

This would do both:

@media (min-width:769px) {
    .pro h2,
    .con h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

It doesn't seem to have changed it on mobile view and it has just made the h2 tags on desktop view smaller

it seems to have changed the desktop pros and cons instead of the mobile ones

Try this instead:

@media (max-width:768px) {
    .pro h2,
    .con h2 {
        font-size: 25px;
        padding-top: 10px;
    }
}

that did it tom!

Awesome :)