francizy

Yes, responsive designs are done with just HTML and CSS. I replied with a bit more detail in the other thread.

OK, thanks

Bootstrap is built on CSS, but I actually encourage not using a framework until you know how to make responsive designs without one. Responsive design is only done with CSS and HTML. It's about using the CSS in a way to make it look right on many different screen sizes. Look up "media queries" which are a fundamental CSS feature that makes responsive designs work.

Thanks for this. I'll most definitely do what you said.

Bootstrap is built on CSS, but I actually encourage not using a framework until you know how to make responsive designs without one. Responsive design is only done with CSS and HTML. It's about using the CSS in a way to make it look right on many different screen sizes. Look up "media queries" which are a fundamental CSS feature that makes responsive designs work.

Thanks for this. I'll most definitely do what you said.

not too sure what your doing, theres no code for me to view, but you would have to know what each column width needs to be plus the padding and margin, and yes theres a screen view "always get this part wrong off my head" that enable you to use @media within the css code, this help you to style the website depending on the width you want, but you should real do more research on css and html, read up more then try again. it will help u

Thanks a lot.

I would float 2 of then to the left with X width, and the right float to the right with X width, and when it comes to smaller screen I would drop them down to under each other

I have done what you taught me, floated the sections like you said. When I minimize the screen, they all lay below each other with tho I didn't use same witdth and the whole thing looked messy. So do I have to use equal width for all sections in order to get a better display when I minimize my screen? And also, medium sized screens could display something else tho.. Thanks and please do reply...

Am a kind of person that loves learning everything about a topic or course before jumping to another, that is the reason why I would love to find out if it is possible building a completely responsive website using just HTML and CSS (without bootstrap), and I'ld also love to know how to build a completely responsive website with just CSS/HTML (if it's possible) before moving on to JavaScript and then Bootstrap.. Thanks for your helpful response and God bless...

that is referred to as responsive web design, of which a google search will yield many results. A popular framework supporting that design strategy is Bootstrap.http://getbootstrap.com/

I'd also love to ask, is it not possible creating a completely responsive web design using just CSS and HTML? Your response will be very much appreciated.

that is referred to as responsive web design, of which a google search will yield many results. A popular framework supporting that design strategy is Bootstrap.http://getbootstrap.com/

Thanks a lot.. I do have that in mind, but I'd love to learn everything that there is to learn about CSS and HTML before progressing to JavaScript then bootstrap follows suit... Thank you for your suggestion tho

Sorry for digressing from my topic, I'd like to know, how do I design for different screens? Like, do I write different CSS for different screen sizes? And there are basically different screen sizes, like: laptop which am learning with, tablets, mini pad, then smart phones, etc. And how do I get the various CSS to work when its a laptop, when its a smart phone and when its a pad? Your help will be very much appreciated and I look forward to hearing from you soon. Thank you so much.

I understand that the new introduction in HMTL5 (article, section, main, aside, footer, etc.) are good but they would have been better if they help in positioning or arranging sections of a web page easier. I've been wondering, since I can list an item using <li> and <ul> as the containing body all inside a <nav> and then tell them that I want them displayed inline, and it works, why can't I put my <nav>, <section> and <aside> into a containing body like <main> or <article> and then do this:Article nav section aside { display: inline }I mean, if this works:Nav ul li { display: inline }Why can't this work: article nav section aside { display: inline }

Would also like to know if it makes sense separating my page into columns using the column properties: having my main navigation at the left column, main information at the center column and login (plus other stuff) at the right column. Also is it possible to set different width for different columns? Thanks for your help.

You're probably not leaving enough room. Post the code relevant to your question and we'll help you.

Sorry for asking, do I just copy and paste everything I have on my .HTML and .CSS pages here or do I upload the files (tho I don't know how to upload a file here yet), don't know which you prefer me doing. Thanks for your help.

I would float 2 of then to the left with X width, and the right float to the right with X width, and when it comes to smaller screen I would drop them down to under each other

How do I design for different screens? Like, do I write different CSS for different screen sizes? And there are basically different screen sizes, like: laptop which am learning with, tablets, mini pad, then smart phones, etc. And how do I get the various CSS to work when its a laptop, when its a smart phone and when its a pad? Your help is already very much appreciated and I look forward to hearing from you soon. Thank you so much.

Trying to build my website, everything seems to be going smoothly when I start up but when I get the point where I have to position the different sections of the web page, I get stuck... I really need to know how to position a double and a triple section page in such a way that when I use it in a smaller screen, the whole page won't be disorganized. I wish it was possible uploading pics here, would have done that so I could show what I mean... Thanks for your help..

Thanks a lot

It seems very difficult to comprehend some stuff I got from Google on how to use twitter bootstrap offline on windows. Any helpful tip will be appreciated