- Approx. completion time: 1 hour
- Deliverables: 1 HTML file, 1 CSS file, images
Use CSS position to make a hero banner with text displayed in front of an image.
- Fork this repository.
- Use CSS
position
to make the hero banner text display in front of the image - Text can be found inside the
content.txt
file. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Open Sans
- Text sizes:
4rem
,2rem
- Colours:
rgba(0, 0, 0, 0.5)
- Expected class names:
.img-flex
,.banner
- Banner maxiumum height:
500px
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.