Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

I need help with css Edit the styles for the body element selector. Remove all declarations for the background image. Set margin to 0 and

I need help with css

Edit the styles for the body element selector. Remove all declarations for the background image. Set margin to 0 and background color to #D2B48C.

Edit the styles for the wrapper id selector. Remove all declarations associated with width, margin, and box-shadow.

Edit the styles for the header element selector. Change the background image to cup.jpg. Set left padding to 105px and height to 128px.

Edit the styles for the h1 element selector. Set the font size to 2em.

Edit the styles for the nav element selector. Remove the declarations that configure float, width, font-weight, and padding.

Edit the styles for the nav ul selector. Configure this selector as a flex container with flex-direction set to column. Set 0 margin, O padding, and 1.25em font size.

Code styles for the nav li selector. Set .5em top and bottom padding, 1em left and right padding, 100% width, and a 1px solid bottom border.

Remove the style declarations for the onethird class selector and floatleft class selector.

Edit the styles for the main element selector. Remove the declarations that configure margin and overflow.

Edit the styles for the hero images. Set the background image for the homehero id selector to road.jpg. Set the background image for the heroguitar id selector to guitar.jpg. Set the background image for the heromugs id selector to threemugs.jpg.

Edit the styles for the h3, h3, h4, p, div, and di element selectors within the main element. Change the left and right padding to 1em.

Code styles for the main ul selector. Set left padding to Zem;

Configure styles for the telephone number to display a hyperlink when on the small display and display plain text otherwise.

Code a style rule for the mobile id selector. Set display to inline.

Code a style rule for the desktop id selector. Set display to none.

CONFIGURE THE CSS. Launch a text editor and open the javajam.css style

sheet. Place your cursor below the existing styles. Code a media query that is triggered when the minimum width is 600px or greater. Code the following styles within the media query.

Code styles for the header element selector. Configure centered text and O left padding.

Code styles for the h1 element selector. Set font size to 3em.

Code styles for the nav ul selector. Configure the flex container with rows that do not wrap. Also set justify-content to space-around.

Code styles for the nav li selector. Set the bottom border to none.

Code styles for the hero images. Configure the homehero id selector with 50vh height and the hero. jpg background image. Configure heromugs id selector with the heromugs.jp background image. Configure the heroguitar id selector with the heroguitar.jpg background image.

Code styles for the flow id selector. Configure a flex container. The flex direction is row.

Code styles for the phone number. Configure the mobile id selector with display set to none. Configure the desktop id selector with display set to inline.

Code styles for the details class selector. Configure a flex container. The flex direction is row.

Code styles for the h4 element selector. Set left and right margin to 10%.

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Records And Database Management

Authors: Jeffrey R Stewart Ed D, Judith S Greene, Judith A Hickey

4th Edition

0070614741, 9780070614741

More Books

Students also viewed these Databases questions

Question

analyze file formats and basic digital design rules.

Answered: 1 week ago