Cascading Style Sheets

Spacing Looks Good On Desktop But Too Much Spacing On Mobile

I'm using a height of 60px on a text section of my home page in order to keep my grid boxes the same height

This is on my site at Dealmazing

This is an image of the grid boxes here

you can I've circled the part i'm asking about.

It looks fine on desktop--but when you get to Mobile it has too much spacing.

Example of that here:

I notice that on mobile if i remove the height it looks perfect, but then if you look at it on desktop, all of the grids are misaligned.

Is it possible to notch a corner at 90 degrees?

I am looking for a way to notch out the corner of a div's background

Simple CSS positioning

I need to fix two elements on a page.
The first element is an .svg image, this one need to be in the middle of the page, always!
The second element is a text line, this one need to be in the bottom/center of the page, always!

The page is ready, but the second element is in the wrong position, it is at the top of the page, but I want it at the bottom.

That's what I've done...

Download link

Smallest responsive design framework ( Only 393 bytes) - lit

I recently found a very small framework that is less than 400 bytes (minified and gzipped). Check it out at

I would like to know what are the benefits of using a small framework like this as compared to bigger framework?

Gravityforms and CSS

Hope I can find someone willing to giving me a hand with something that must be really simple for you, but me.

Here's the problem:

I have a radio buttons form and instead of radio I want to use customised buttons. As the form must be responsive, I would like to use max width in order to reduce or expand automatically the width. Here's the code that I am using:

#field_2_23 ul.gfield_radio li input[type="radio"] + label {
border: 1px solid #d1d1d1;
color: #808080;
background-color: #ffffff;
width: 134px !important;
height: 50px;
border-radius: 5px;

Syndicate content