[source code] Responsive Web Design Tutorial - 4 - Flexible Grid Layout

+2 Bucky Roberts · October 4, 2014
index.html
<!doctype html>
<html lang="en">
<head>
<title>BuckysRoom</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="menuBar">
<div class="button">
Home
</div>
<div class="button">
Friends
</div>
<div class="button">
My Profile
</div>
<div class="button">
Videos
</div>
</div>
</body>
</html>


index.css
.menuBar{
color: white;
text-align: center;
}
.button{
background: #777777;
width: 24%;
margin: 0 .5%;
float: left;
}

Post a Reply

Replies

Oldest  Newest  Rating
0 Code _Monkey · October 4, 2014
Will you use Bootstrap for responsive web design?
  • 1

HTML / CSS / Web Design

107,291 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators