Making my website responsive - facing problems.

HTML Code -

<!DOCTYPE html>
 <!-- Made by Yours Truly with loving support of Bootstrap 3.0 !-->
    <title>Tushar Gupta | Web Developer & Designer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/animate.min.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
     <link href="css/fontello.css" rel="stylesheet" media="screen">

Why won't my borders show up?

Here's the HTML

<!DOCTYPE html>
		<link rel="stylesheet" type="text/css" href="skills.css">
	<body style="background-color:#dddddd">
		<div id="menu">
				<li><a href="skills.html">Skills</a></li>
				<li><a href="about.html">About</a></li>
        <div id="skills">
                                    <div id="prof">    
                                        <li>Proficient in HTML</li>
                                                <p>I can</p>

Positioning of Items

What are the best ways to align items on a page with CSS?


How do you incorporate a grid into your design and make it responsive?

These are the things I struggle with the most. I would really appreciate any help I could get with this!

Backroung hiding behind other modules

I have a basic blogp with a 2 column layout. One for the content (left), anothe column for "latest articles" and other stuff (right). I wish to add a background image, but it is giving me problems.

How do you make a background repeat y ...?


I'm trying to repeat a "background" through my site. Must be in the middle exactly and with 100% height.

Here is the url:

I have tried the background-position tag, but it seems to only move the background to the right and doesn't seem to affect the top and down.

Can anyone give me some advises?

Does anyone have any ideas for how I can achieve the best look for my index page?

I do very much appreciate anyone help!


Syndicate content