Step 6: Featured Panel Tutorial
This is what we are going to create in this step by step tutorial. Click on the image to view the website in new tab.
Featured Panel - Step 6.1
In Step 6.1, CSS3 style is applied to the Featured Panel.
The style is provided below with HTML comment explanation.
/* Featured Panel */ .bottom-sidebar { /* Style applied to side-bar */ width: 20%; float: left; margin-left: 2%; padding: 2% 3%; } .featured { /* Style applied to featured panel */ background: none repeat scroll 0 0 #F2F2F2; border-color: #D9D9D9; border-style: solid; border-width: 1px; margin-bottom: 1.25em; padding: 1.25em; }
Featured Panel Step is now complete
Now the website will look like this. Click on the image to view the website in new tab.