Question
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
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started