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!
- 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
| 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
Question Has Been Solved by an Expert!
Get step-by-step solutions from verified subject matter experts
Step: 2 Unlock
Step: 3 Unlock
