Skip to content

ltw-webdev-1/call-to-action-banner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

summary Use CSS position along with Flexbox to create a call to action banner.
time 1 hour
deliverables 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.


Hand in

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

About

Use CSS position along with float to create a call to action banner.

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

 
 
 

Contributors