call-to-action-banner's Introduction

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

Call to action banner

Overview

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.

Details

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

Goal

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.

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.

call-to-action-banner's People

Contributors

Watchers

call-to-action-banner's Issues

Text Issue

Hello,

My content, which includes the h2, p, and a tags, can't seem to stay in the banner box like the video shown in the assignment. How do you lock in text in one place even while resizing the browser's window? I provided a screenshot below.