Can you show me how to add padding, margin, and borders for elements and positioning elements using CSS? Within a CSS, add padding to main, aside, and footer elements of the page. Add a border to text headings in main and borders with rounded corners to the main and aside sections. Border can be partial or extend around the entire element. Add 0 margin to nav ul element.  Add margins to all header elements as well as to heading elements in the main section and aside sections of the page. Make images in the main element float left, Make paragraphs in the "more" class clear left, and add a margin to image elements in the main section. In an HTML, add a png image to the page. In the css, position the png image it absolutely to the top left of the viewport window. If needed, add a z-index so the png image is always visible.

Using CSS. Create a style rule for the body element that displays the element as a grid with two columns in the proportion of 2:1 (using fr units) with a column grid gap of 20 pixels

Draw a wireframe for the home page of your school's website. Write the CSS to configure a grid layout for the wireframe. Write the @media rule to target a typical smartphone device and configure the nav element selector with width set to auto.

CSS question Add another div element to the web form containing the following code: Insert an input element to create an option button for the orderType field with the ID delivery. Make the option button checked by default. After the option button, insert a label associated with the delivery control containing the text Delivery. Add an input element to create a second option button for the orderType field with the ID pickup, followed by a label associated with the pickup control containing the text Pickup.

The DIV element below the image has a width of 320px. After applying CSS styling, the DIV element becomes 350px wide (the same as the flower image above it) Using border, margin and padding, add to the DIV CSS styling that will make the DIV element 350px wide (You must use all three).  div { width: 320px ..... }

Question 7 Calculate the total width: The picture above is 350px wide. The total width of this element is also 350px. The DIV element below the image has a width of 320px. After applying CSS styling, the DIV element becomes 350px wide (the same as the flower image above it) Using border, margin and padding, add to the DIV CsS styling that will make the DIV element 350px wide (You must use all three). div { width: 320px ..... } For the toolbar, press ALT+F10 (PC) or ALT+FN+F10 (Mac).

CSS question Scroll down to the section element and, directly after the initial paragraph, insert a form element that employs the action at the fictional address http://www.example.com/redball/customer using the post method. Within the form element, insert a div element that encloses a label with the text Name* associated with the nameBox control. Also, within the divelement, add an input text box with the ID nameBox, field name custName, and placeholder text First and Last Name. Make custName a required field. (Hint: To make a field required, add the required attribute to the corresponding control element e.g. <input ... required>)

Open the code5-2_flex.css file. Display the section element as a flexbox. Set the flow of items within the flexbox to go in row order with reverse wrapping so that the first item (Facebook) appears in the bottom-left corner and the last item (E-mail) appears in the top-right corner. Complete this task in conjunction with the following task: "Apply flex layout styles to card class's div elements".

Create home, menu, and contact us pages. The three pages should have the same header and footer. The header contains text or image as a logo, navigation bar and if you want to have a background image please choose it to look good. The footer should have a copyright statement. The home page contains images, carousel (no JavaScript) and some description about the restaurant. The menu page should contain images of the meals. The contact us page contains the restaurant contact information and a contact form (I expect from you a nice and professional form). Feel free to add your creativity.   CSS: Don’t forget to do the reset CSS.   Proposed methodologies: Using HTML & CSS.   Links for you: https://unsplash.com/ https://www.freepik.com/ https://www.pinterest.com/ https://www.lipsum.com/ https://fonts.google.com/ https://www.w3schools.com/colors/colors_picker.asp https://css-tricks.com/ https://coolors.co/

Open index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules: Add a declaration for the position property with a value of -webkit-sticky. Add a declaration for the position property with a value of sticky. Add a declaration for the top property and specify a 0 value. Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position. In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property…