recent projects

Card image cap

Responsive Image

Create a flexible grid that substitutes different images at different breakpoints using the picture element.

View Project
Card image cap

Saturn HTML/CSS

Take an existing HTML file and apply the CSS to make it match a series of screenshots.

View Project
Card image cap

Responsive Layout with Media Queries

Create different layouts by using media queries based on the viewport widths.

View Project
Card image cap

Zebra-Striped Table

Create a responsive HTML table with different sizes such as mobile, tablet, and desktop sizes.

View Project
Card image cap

SASS Conversion

Create SASS files that generate the new version of CSS.

View Project
Card image cap

Responsive Form

Create an HTML form which contains four input fields-types such as text, email, url, and password, plus a submit button.

View Project
Card image cap

Dev Tool Dynamo

Learn how to use the Inspect Element command in Chrome, edit the HTML and CSS through browser based game.

View Project
Card image cap

Codeacademy HTML-CSS

Learn the basics of creating web pages and complete exercises from CodeCademy.com

View Project