CSS Week 4 Assignment: Positioning

To get your own copy of this repo type in the terminal in a folder you want it to be placed:

git clone https://github.com/mattkrebs2000/CSSPositioning.git

Follow the directions, save, and turn in your github link.

In Example.html and Example.css, this repo contains some examples of how positioning properties(sticky, fixed, relative, absolute) might be used.

For this assignment you will be manipulating - StartingCSS.css (possibly StartingHTML.html) which has starter code.

Requirements:

Modify the Navbar so that it "Sticks" to the top of the webpage (doesn't have to be indefinitely but should be for atleast a short while) when the page scrolls down.

Position somewhere part of the way down the page a "Fixed" notice that says something like "This page was made by (your name)." Please add a background color so I can easily notice it. Use (as an example) "position:fixed" "top:100px", "right:40px" for positioning use "z-index" to make sure it is not covered up by other things.

As is demonstrated in the video and with Example.css, re-style the page so that atleast 4 of the images on the page are fixed.

Manipulate 1 of those images with "Border-Radius" to round off the corners.

Manipulate 1 of those images with clip-path:polygon - to create a window for the image.

Manipulate 1 of those images with clip-path:circle - to create a window for the image.

Manipulate 1 of those images with clip-path:ellipse - to create a window for the image.