Question: Refer to fixed width layout and set each square corner (3 squares) as following: width: 50px, height: 50px, padding: 15px, border: 2px solid red set

Refer to fixed width layout and set each square corner (3 squares) as following: width: 50px, height: 50px, padding: 15px, border: 2px solid red set each border-radius as 5px, 10px, 15px separately.

GIVEN Fixed Width Layout:

!DOCTYPE html>

A fixed width layout

Logo

Feature

Column One

Column Two

Column Three

GIVEN CSS:

body { width: 960px; margin: 0 auto; text-align: center; }

#content { overflow: auto; height: 100%; }

#nav, #feature, #footer { background-color: #efefef; padding: 10px; margin: 10px; }

.column1, .column2, .column3 { background-color: #efefef; width: 300px; float: left; margin: 10px; }

li { display: inline; padding: 5px; }

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!