Question: Please help! Modify the given web page lab3-3b-fixed.html and apply responsive web design techniques and make it look good on various resolutions. There may be

Please help!

  1. Modify the given web page lab3-3b-fixed.html and apply responsive web design techniques and make it look good on various resolutions. There may be more than 1 solution. Summarize the techniques (especially on media queries) you implemented.

Here is the source code

Flexible Grid
div
{
border: 1px solid blue;
margin: 5px;
}
#container
{
width: 1000px;
margin: auto;
}
#sidebar
{
width: 200px;
float: left;
}
#main
{
margin-left: 220px;
padding: 10px;
}
.product
{
float: left;
width: 176px;
height: 200px;
border: 1px solid red;
box-sizing: border-box;
}
some introductin of player 1 here.
Player n
Player n
Player n
Player n
Player n
Player n
Player n

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!