66 comments found.
I’ve been using this Responsive HTML5 CSS Grid some elements for our invisible text generator tool , and it’s doing an amazing job! The grid’s simplicity and flexibility make it super easy to create clean, responsive layouts that work perfectly across devices. Highly recommend this to any developer looking for a reliable and beginner-friendly CSS grid system. 100% satisfied!
I’ve been using this Responsive HTML5 CSS Grid some elements for our invisible text generator tool , and it’s doing an amazing job! The grid’s simplicity and flexibility make it super easy to create clean, responsive layouts that work perfectly across devices. Highly recommend this to any developer looking for a reliable and beginner-friendly CSS grid system. 100% satisfied!
Bought this almost 12 months ago but just manage to use it now 
CSS and structure are clean n clear – Love it! – Thank You.
Hi, Small problem. I placed a small image 
can u help me how to fix this? Thank you.
Hi, the image needed a max-width adding to it. Also, the image was within a paragraph. I’ve moved the image outside the paragraph. On your rush.css, line 405 you have set the title2Black to a width of 520px, just remove this and also remove the set width from the other titles as they are breaking the responsive layout.
Here’s the new code! http://www.cssgrid.co/clients/rush2004/Thanks, Lee.
Hi Lee, Thanks for the reply. I will have a look at this and will eep u inform. Thank U.
Thanks,
Rush
Hi, you need to remove the width setting on title2Black. I’ve done this for you, here’s the new files:
http://www.cssgrid.co/clients/rush2004/ http://www.cssgrid.co/clients/rush2004/css/rush.cssThanks, Lee.
Thank You – it worked!!!
I want to add grid session on Page of How To Cut Onions For Kabobs. So how I will connect it to wordpress ?
Good luck with your sales
nice
can u plz let me know which best tool to use to add html elements like text, images, buttons visually to this layout.
i mean, we will open this layout in that tool and drag drop component like
<input type= button
what files we wil get to download aftr purchase . is it CSS file only? or html + css
Hi, you can use Dreamweaver, Sublime Text, Atom or Firefox Browser Developer to build websites. There’s lots of choices. The CSSGrid is for web developers with some coding knowledge. You will get all the files, same as the Preview. Thanks!
Hello. Good night. I sent email. Hugs. Waiting.
Hi, thanks for buying the CSS Grid. I replied to your email with a html css demo for you! Thanks, Lee.
Hi Lee. With your CSS Grid, is it possible to create a page like your instructions page? Thanks.
Hi, yes of course, you could just use the actual instructions template as it’s included in the download too! Thanks.
Hello.
I’m learning how to create websites. Confirm with me.
All your CSS Grid structure. Allow me to play with the most varied provisions of creating website?
Example:
2 columns can be either my header or my footer or my body.
Will you provide pass the code structure already organized in the folder?
As I read in the comments. It is a particular structure. So if I want I can put the bootstrap. Or just keep studying, creating. And also launch my projects from 0.
Thank you! Very interesting this project. I think it’s perfect for beginners too.
Hi Imedier,
Thanks for your interest in my CSS Grid.
Here’s all the options you can do. The purchase/download includes all the templates in here: http://www.cssgrid.co/css-grid/ Here’s some instructions on how to use it: http://www.cssgrid.co/css-grid/instructions/This is a standalone css grid and is totally separate to Bootstrap, more like an easier alternative.
Thanks, Lee.
Hi, thanks for your Grid! is there a way to make rows 100% in width? (from screen border to screen border) while other rows stay in the standard width? Thanks! Erik
Hi Erik, thanks for buying the CSS Grid. If you open css/cssgrid.css on line 48, change: width:99%; to 100%.
If you mean something else, please send a screen design and I can take a look at it for you.
Thanks, Lee.
Hi Lee, thank you for your reply. What I meant is that the grid has a certain width. f.e. 1024 px. a row will not have a larger width. But if I want to make a row (or more rows) with a width of 100% of the screen (resizes with the actual width of the screen) how can I do that?
All you need to do is change the f to a p, from fixed to percentage.
Thanks, Lee.
Hi Lee, yes, but the wrapper is limited to 1200px in your example. how can I make that 100% of the screen for some rows? Maybe I’m overlooking something Erik
Hi Erik, If you check the outer divs, you’ll see there’s: wrapper-padding max-width.
You just need to remove these, then the columns will fit 100% width. Then for the fixed columns, just add max-width to the ones you’d like to set a width to.
100% width columns would just need perhaps this:
Fixed width 1200px would be like this:
You can edit the max-width 1200 on header.css on line 239.
See more info on using the css grid here: http://www.cssgrid.co/css-grid/instructions/Thanks, Lee.
100% width columns would just need perhaps this (using 2 columns):
p2
Fixed width 1200px would be like this:
f2 max-width
CSS Grid is based on bootstrap 4?
Hi, this is a stand-alone custom built css grid, it doesn’t rely on any other framework. Thanks!
Is it possible to create a grid with 7 elements (4 small squares) 1 large square and 2 horizontal images with this layout? The 7 images will have a link to a page. THANKS!
Layout: https://www.dropbox.com/s/dfbdgq9m01lqgt7/Schermata%202017-12-15%20alle%2016.42.46.png?dl=0
https://www.dropbox.com/s/1rf7e2kom5z0oby/Schermata%202017-12-18%20alle%2016.03.10.png?dl=0Hi,
Thanks for your message. You would be better using either Isotope layout https://isotope.metafizzy.co/layout-modes.html or Masonry layout https://masonry.desandro.com/ to create a grid system like the one in your image.
Thanks, Lee.
Just want to say thanks again. I first used your code a couple years back on my 3rd version of philosophyofx com. It’s been perfect. I need to rebuild another of my sites from 2009 and thought your code would make a great framework for that project. Keep up the awesome code work. X
Hi, thank you very much for your kind words, it is very much appreciated. Lots of cool things coming out soon! Thanks, Lee.
i have sent you 2 mail why you don’t reply i need to make 10 gird clear fix box for my web
Sorry for the delayed response, I am based in Australia and it was a public holiday yesterday. I have replied to your email. Thanks!
but i did not received any email
Hi, Have you checked your spam filter? My question was: Would you like the 10 columns with or without margins between the columns?
i cheeked spam folder did not find any how i need 10 column with margin so i can insert image in box with link & clear fix grid
please reply waiting
Thanks, Lee.
Hi mrauutc,
On index.html, this has the layout for the 10 columns – line 77 to 109.
The css for the 10 columns is inside css/cssgrid.css – line 14 to 81.
You would need to have some basic understanding on how to build web layouts if you want to add content to each row, such as adding images, text or videos. I would suggest to search online the elements you would like to add.
Thanks, Lee.
please check email i have replied with code
Hi, I replied to your email.
Hi,
Does the framework support 100% height rows and columns?
Hi, you can certainly build this as I’ve done it before. You would need to set the wrapper to position absolute, min-height 100%, then set the inner div to position relative, min-height 100%.
Thanks, Lee.
And vertically aligning content to middle in said full-height rows and columns?
Thanks, Lee.
Hello there. I am very interested in this script. I usually purchase templates and edit the code, but I am in need of a brief explanation of how we would use this. I read some of the instructions, but I am not really sure how it all goes together. Thanks
Hi, thanks for your message. It’s basically a standalone Responsive HTML5 CSS Grid, which you can use to build your own layouts using the fixed or percentage columns.
Thanks, Lee.
any news on the lighter version a few months ago? you suggested september as a possible ready date… now passed
hi, thanks for your message. Yes a new lighter version will be finished early January, with a few new features and much cleaner CSS.
Thanks, Lee!
any news?
Hi, thanks for checking in. Yes, nearly ready. You’ll receive an email when the new release is done.
Thanks, Lee.
Hi, Great simple template, isn’t it! I’m making my site on ‘columns_fixed.html’, wondering if it’s possible to get fixed navigation. My question’s been on comments like below, “How to make navigation fixity in pixels” or “the nav bar fixed at the top and centered on the page horizontally” Could you tell me the way to make it? Looking forward to your reply, Yasushi
Thanks, Lee.
Hello, have this grid in future flexbox support?
Hi, thanks for your message. Sorry, this is a stand alone css / html grid and isn’t compatible with flexbox.
hi there,
Very satisfied customer here who will buy some more licenses soon. Question: I know you have been working on a new version of the grid, what is the status of this?
Hi Draxeiro,
Thanks for buying the CSS Grid. Yes I have been working on a new, cleaner and more minimal version of the grid. I am hoping to have this completed by end of September.
Thanks, Lee.
