Marie Scharfe's repositories
responsive-typography
Use media queries to enhance the typography of a website for different screen sizes.
hide-show-responsively
Use media queries and responsive design techniques to hide and show content on different screen sizes.
exploding-robot-head
Use position relative & absolute to make this robot head explode when hovered.
columns-of-cards
Use the CSS float property to create a column layout with four cards inside.
call-to-action-banner
Use CSS position along with float to create a call to action banner.
hero-banner
Use CSS position to make a hero banner with text displayed in front of an image.
typographic-insets
Use the CSS float property to add some insets into a piece of text.
header-icons
Use float to add navigation and two image icons to the header of a website.
link-card
Making a card pattern that is completely clickable.
button-styles
A CSS code exercise looking at using multiple classes to create consistent styles.
navigation-highlight
A code exercise to practice highlighting the current page in website navigation.
data-table
Create a chart of data using HTML table elements.
sections
Make a responsive website section with an image, blurb and a button.
horizontal-nav
Make a horizontal navigation using the CSS flow and display properties.
stylish-beets
Style the beets HTML file from the previous week to match the screenshots.
css-validation-fixes
Work through all the validation errors, indentation problems, & file issues.
use-all-the-selectors
A CSS exercise refreshing and teaching about all the different selectors.
content-semantics
Write the HTML code for the beets activity concentrating on semantics only.
html-validation-fixes
Sift through the files and code and fix all of the errors.
masthead-semantics
Write out the semantically correct HTML elements for the masthead, navigation & banner of a website.
using-markbot
A demo repository to get practice forking and passing automated tests with Markbot.
first-website
A simple website to demonstrate how to use GitHub.