how do you solve this?   Create a subfolder named css within your portfolio folder. Create a style sheet for your website and save it within your css folder. Add a comment at the top of the style sheet that includes your name, the current date, and the name of file. Add a CSS reset style rule as the first style rule on the style sheet. Include a comment above the style rule to note its purpose. Include all major selectors used within your website for your CSS reset. Update your HTML files and style sheet to make responsive images. This includes removing height and width attributes from image elements and creating a style rule that sets a max width to 100%. Also display image elements as a block. Link all of your webpages to your style sheet. Nest the link element within the head element, below the meta element. In your style sheet, create a minimum of 16 style rules. Style the nav to remove the bullet marker. Include at least one id and one class selector. Specify at least one font-size: 14pt; color: #000000;">Validate your style sheet and correct any errors.

Code a CSS style rule that places a <div> element in a absolute position 100 millimeter from the bottom and 50% of the viewport width from the left of its parent element.

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…

Write the HTML and CSS code in the spaces provided below to create a web page using the follo details. # Task Properties 1 Page title 2 Using Internal style, define the Css properties for the page 3 Using Internal style, define the class selector Under line text, center aligned, capital as main 4 In the body section insert the text "e-commerce" using heading level 2 and apply the class E-commerce #C2C2C2 background color, Arial font, blue text color. letter. main selector to heading level 2. 5• In the body section, insert the following paragraph. "E-commerce is the activity of electronically buying or selling of products on online services or over the Internet." Apply inline CSS for the paragraph : bold text, 10px line height, 1.5em font size. Style the word E-commerce to be in red text color.

I need the help with the proper code to produce 3 columns using the directions below:   Add a DIV element with a class value of "columns". Using style.css, set the width to 90%.   Add three DIV elements within "columns" each with a class value of "column". Each DIV should contain identifying text like "DIV #1". Using style.css, set the width to 28.33%, set the margin and padding to 1%, set the height to 140 pixels, set the border to 1 pixel, solid, white. Add a float value of left.   Using style.css, add the CSS property "clear", with a value of "both" to footer elements.   Add a media selector to style.css for max-width of 479px that changes the float values of the column class to none, and width to 96%

Complete the following: 1. Using your editor, open the sp_home_txt.html and sp_layout_txt.css files from the html03 c folder. Enter your name and the date in the comment section of each file, and save them as sp_home.html and sp_layout.css respectively. 2. Go to the sp_home.html file in your editor. Within the document head, create links to the sp_base.css, sp_styles.css, and sp_layout.css style sheet files. Study the content and structure of the file and then save your changes to the document. dou you know the solution?

Task 1. Create a new page (games.html):Use the music page as the starting point for the Game page. In your text editor open music.htmland save it as games.html. After modifying the games page, it will look similar to the Games pagein Figure 1.Change the page title to an appropriate phrase.Delete the div element with id="musicbg", then open the style.css in your text editor and deleteall the rules for id = “musicbg”. This will remove the music image from the new page.Replace the text within the h2 element with following: “My Favorite Video Games”.Delete paragraph, h3 and table elements.Place an unordered list with your 4 favorite video games as list items.Create a photo gallery with 4 pictures:• Search on the internet for cover picture of your favorite games, and same them in your folder.For each image create another image as thumbnail. You can use windows paint or any otherimage editor to resize the images.• After completing the previous step, in your folder, you will have 8 new image…

In this exercise, you will create and modify style rules to learn more about how to place elements on a page using positions. An example of page element positions is shown in Figure 5-66.   Figure 5-66   Grading Complete each task listed in this lab. Each task contains automated checks which are used to calculate your grade. You can use the Website Refresh button to refresh your website preview at any point. You can view a full-page version of your website by clicking the arrow in the top right corner of your website preview. When you have completed each task by clicking the checkbox, open the task list panel on the left navigation bar and click the "Submit" button. Perform the following tasks: Tasks   Open index.html file and update the comment with your name (firstname lastname), the file name, and today’s date (MM/DD/YYYY). Open index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. 4   Open the styles.css…

How to do this exercise? Halloween 15 Add a transition and an animation In this exercise, you’ll add a transition and an animation to the product page that you created in exercise 11. When you’re done, the page should look similar to this: Specifications • Add a transition for the widths of the images in the right sidebar of the cat.html file in the products folder that will last for three seconds and use the linear speed curve. The transition should increase the width of an image to 125 pixels when the mouse hovers over an image. Be sure to provide for all browsers. • Add an animation for the image in the section that will cause the image to move up and down when the page is loaded. The animation should last for half a second, use the ease-in-out speed curve, repeat six times, and alternate directions on each repetition

Create a style rule for the section element with the id "sub" that displays that element as a grid consisting of three columns of equal width by repeating the column width 1fr three times.