erinborgmeyer / responsive-banner

Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Responsive banner

  • Approx. completion time: 1 hour
  • Deliverables: 1 HTML file, 1 CSS file, images

Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.

  • Your goal is to match images in the screenshots folder.
  • The HTML is already done—don’t touch it.
  • And some of the CSS is in place too.
  • What’s important for you to do is add the proper position and coordinates to the correct elements.

Only use these CSS properties:

  • position
  • top, left, right, bottom
  • width

Fork, pull request, submit URL

Use the fork and pull request method.

Hand in your Pull Request URL for this project. It should look like this:

https://github.com/acgd-webdev-1/responsive-banner/pull/1

This exercise is pass or fail based on whether you complete all the requirements of the auto grading.

About

Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.


Languages

Language:JavaScript 75.7%Language:CSS 16.9%Language:HTML 7.4%