Hey gang, in this PSD to WordPress tutorial we’ll style the main content in the CSS.


========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – or

========== Social Links ==========

Twitter – @TheNetNinja –


  1. Great, you make me understand one by one.. Your explanation is short but powerful and interesting.. Keep publish about the new of web dev technology.. many thanks for you

  2. Hey Net Ninja, these tutorials are great. Do you have plans to make more videos on making websites from start to finish? Possibly making a responsive website with a little Javascript as well? Would be super

  3. Hello thank you for this great tutorial, but I have a problem with my footer that stuck to the image that is who does it please

  4. I have been waiting since long for such a tutorial. Nice job. One issue I have is that I could not align the list of menu to the right by using pseudo class #home menu li:nth Child(odd){} I don't where I am wrong. Should't i be using #home-menu than just #home menu?

  5. Thanks for the tutorials – how are you displaying the website and making it update live as you edit the CSS? Looks like an IP address in the URL bar. Are you developing on your own server or just your local hard drive?

  6. .description{
    clear: both;
    display: block;
    color: #999;
    font-style: italic;
    font-size: 14px;
    padding-top: 10px;
    border-top: 1px solid #ddd;

    not working right ,

  7. will you please make a tutorials about psd-to-wordpress (using bootstrap )and then convert it WordPress. If you do that Its very help full to me and every one. Thanks.


Please enter your comment!
Please enter your name here