Write one CSS rule for the following task: Style an article element so that: its padding is 32px, its width, including padding, is one third of its parent container width, float it to the right side of the screen. Write one CSS rule for the following task: Style a footer element so that: it clears any prior floating elements, its width is 90% of its parent container width, its width is but no smaller than 768px, its width is no bigger than 1024px, centre the footer horizontally, regardless of the screen size. Write the HTML for: The footer of a page that includes an image with the following source https://learndigital.dev/DGL103/logo.png; The image must link to the homepage of the website when clicked on; The image must include descriptive text that screen readers can access; The image must be 160px tall and wide. Write a CSS style so that the footer (DON'T include more CSS than you need to): has a background colour. has a height of 300px. Use 2 different methods to move the image: Write a CSS style that uses the CSS box model to place the image 200px from the left of the footer, and 20px from the top and bottom of the footer. Write another CSS style that uses positioning to push the image 200px to the left and 20px down from its original position in the normal flow of content.

Write one CSS rule for the following task:

• Style an article element so that:
  • its padding is 32px,
  • its width, including padding, is one third of its parent container width,
  • float it to the right side of the screen.

Write one CSS rule for the following task:

• Style a footer element so that:
  • it clears any prior floating elements,
  • its width is 90% of its parent container width,
  • its width is but no smaller than 768px,
  • its width is no bigger than 1024px,
  • centre the footer horizontally, regardless of the screen size.
    
    

    Write the HTML for:

    • The footer of a page that includes an image with the following source https://learndigital.dev/DGL103/logo.png;
    • The image must link to the homepage of the website when clicked on;
    • The image must include descriptive text that screen readers can access;
    • The image must be 160px tall and wide.

    Write a CSS style so that the footer (DON'T include more CSS than you need to):

    • has a background colour.
    • has a height of 300px.

    Use 2 different methods to move the image:

    1. Write a CSS style that uses the CSS box model to place the image 200px from the left of the footer, and 20px from the top and bottom of the footer.
    2. Write another CSS style that uses positioning to push the image 200px to the left and 20px down from its original position in the normal flow of content.