summary | time | deliverables |
---|---|---|
Use CSS position along with Flexbox to create a call to action banner. |
1 hour |
1 HTML file, 1 CSS file, images |
- Fork this repository.
- Use a combination of
position
and Flexbox to create the call to action banner. - The button is
.btn-big
from the button assignment. - Text can be found inside the
content.txt
file. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Roboto
,Roboto Condensed
- Text sizes:
3rem
,1.5rem
- Expected class names:
.banner
,.img-flex
,.btn
,.btn-big
- Banner maximum height:
500px
- Banner content maximum width:
45em
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
- Final screenshots in the “screenshots” folder.
- Watch this video to see how it interacts.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.