Changing A Fixed Website To Being Fluid (CSS)

I currently am developing a website to be responsive. I am new to CSS. I have a plan to include @media breakpoints for this to happen. Before the resolution hits a breakpoint, I r

Solution 1:

When using @media this part will be only used for whatever media you specify.

As you specifically asked for break-points this might get you started: Keep your css as it is, and than add/overwrite properties for lower screen sizes.

An example would be (at the end of your css):

@media (max-width: 600px) {
  .vd-grid-sub-box {
    clear: left;
    width: 100%;
  }

https://jsfiddle.net/etkz6zrv/

Hopefully you can to adopt this to the other selectors as well (with a little patience).