Create a Responsive Website Using HTML5 and CSS3

22
140

This is a standalone complete HTML5 and CSS3 Website Building Tutorial. You can check the demo and download files here – http://www.1stwebdesigner.com/responsive-website-tutorial/ Hope you…

source

22 COMMENTS

  1. Hi! So at 57:17 I'm having a lot of trouble. My CSS and HTML looks exactly like yours but when I resize the window the items in the nav bar don't go underneath each other vertically. They still are next to each other and then just run down into rows when one is full, if that makes sense. Any thoughts? I kept display: inline; therefore it's not in the media query but I don't know what else I can do

  2. Great tutorial, i just wanted to add one thing – for the main posts and the aside bars, instead of writting them one underneath the other, i simply did this:

    .topContent, .bottomContent{
    background:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:3% 5%;
    margin-top:2%;
    }

    .topSidebar, .middleSidebar, .bottomSidebar{
    width:21%;
    float:right;
    margin:1.4% 0 2% 3%;
    padding:2% 3%;
    background:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }

    So basically i just separated them with a comma (and it did the exact same thing).
    I know this is an older tutorial, but i've learned alot from it, so thank you!

  3. When I tried encoding that in notepad ++ , some texts appeared in red or black especially when I tried putting "."mainFooter, etc. But it appeared in a red text. What's wronggg with it? ASAPPP

  4. i dont know why but i did everything according to what you said but its not working for me… i mean the css parts im still getting what you would get once your done with the html coding

LEAVE A REPLY