Implementing CSS Grids into Your Drupal Website



Using some blocks of pre-written code when building a website is a great way to save some time and can allow you to focus on bigger tasks than laying out columns, etc. Today we look at some grids, which are CSS frameworks created with the intention of speeding up the process of coding the layout of a site.

It may appear at first that CSS Grids go against the mainstream standards of coding by naming all of your classes and IDs to be used in your document, but really it is simply taking another step of the process out of your work flow. Now all you need to do is call them out in the HTML. So this insightful video tutorial focuses on just that, how to successfully move these pre-designated classes and IDs into your HTML document.

Join us in our newest publication:

So this video is obviously targeting Drupal users, and we know that not all of you out there are. So do not fret, we plan on bringing you top quality tutorials covering a wide range of topics and knowledge levels in an attempt to serve the community as best we can. Alright, moving on…

Mustardseed Media is devoted to helping people use and get more out of Drupal through their popular podcast. In this installment, Bob does a good job of running through a lot of information very quickly and covering everything from the basic options for CSS grid libraries that are currently available, to mastering the art of block layouts upon import.

Bypassing a lot of the tedious ground work when setting up a website is probably something a lot of you have dreamed about. It should be noted here that grids are something that anyone can use, NOT JUST DRUPAL USERS. In fact, if you wanted to you could even build your own with a service like http://www.gridsystemgenerator.com/

You may also want to see more options available in the way of grids, and what other people are doing with them. Here is a great article on some of the most popular templates around. Some of our current favorites are Skeleton, 320 and Up and

Share and Enjoy !

0Shares
0 0