Help me complete this task. Add the following style rules for the form elements. Create a style rule for the fieldset and input elements that sets the bottom margin to 2%. Create a style rule for the fieldset legend that sets the font-size to 1.25em and makes the font bold. Create a style rule for the label that sets the display to block and sets padding-top to 3%. Create a style rule for the btn class selector that removes the border, sets the top and bottom margin to zero and the left and right margin to auto, sets the display to a block, sets the padding to 5%, sets the background-color to 003399, sets the font-size to 1.25em, sets the border-radius to 10px, and sets the color to white (fff). --my css /* Style for body specifies a background color / body { background: linear-gradient(to top right, #fff 0%, #6699ff 100%) no-repeat fixed center; font-family: Geneva, Arial, sans-serif; } / Style for the container element / #container { width: 90%; margin: 0 auto; } /Style rule for form/ fieldset { margin-bottom: 2%; } input { margin-bottom: 2%; } fieldset legend { font-size: 1.25em; font-weight: bold; } label { display: block; padding-top: 3%; } .btn { display: block; background: #003399; color: #fff; font-size: 1.25em; margin: 0 auto; padding: 5%; border: none; border-radius: 10px; } / Style for the footer element / footer { font-size: .9em; text-align: center; } / Media query for tablet layout */ @media only screen and (min-width: 600px) { .grid { display: grid; width: 80%; margin: 0 auto; grid-template-columns: auto auto; grid-gap: 20px; } .btn { grid-column: 1 / span 2; padding: 3%; } }

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Help me complete this task.

Add the following style rules for the form elements.

Create a style rule for the fieldset and input elements that sets the bottom margin to 2%.
Create a style rule for the fieldset legend that sets the font-size to 1.25em and makes the font bold.
Create a style rule for the label that sets the display to block and sets padding-top to 3%.
Create a style rule for the btn class selector that removes the border, sets the top and bottom margin to zero and the left and right margin to auto, sets the display to a block, sets the padding to 5%, sets the background-color to 003399, sets the font-size to 1.25em, sets the border-radius to 10px, and sets the color to white (fff).

--my css

/* Style for body specifies a background color */

body {

background: linear-gradient(to top right, #fff 0%, #6699ff 100%) no-repeat fixed center;

font-family: Geneva, Arial, sans-serif;

}

/* Style for the container element */

#container {

width: 90%;

margin: 0 auto;

}

/*Style rule for form*/

fieldset {

margin-bottom: 2%;

}

input {

margin-bottom: 2%;

}

fieldset legend {

font-size: 1.25em;

font-weight: bold;

}

label {

display: block;

padding-top: 3%;

}

.btn {

display: block;

background: #003399;

color: #fff;

font-size: 1.25em;

margin: 0 auto;

padding: 5%;

border: none;

border-radius: 10px;

}

/* Style for the footer element */

footer {

font-size: .9em;

text-align: center;

}

/* Media query for tablet layout */

@media only screen and (min-width: 600px) {

.grid {

display: grid;

width: 80%;

margin: 0 auto;

grid-template-columns: auto auto;

grid-gap: 20px;

}

.btn {

grid-column: 1 / span 2;

padding: 3%;

}

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 2 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions