Llama Info Cards (CSS/HTML)

Mod + Project Name

Table of Contents

• Abstract
• Technologies
• Illustrations
• Install + Setup
• Contributors
• Wins
• Challenges + Improvements
• Project Specs

Abstract

This project is focused solely on developing CSS/HTML skills. Given a comp, I recreated the image using CSS/HTML.

Technologies

• CSS
• HTML

Illustrations

GIF of the mobile site to show scroll

Static image to show desktop site

Install + Setup

• Deployed website click here to see some llamas!

Contributors

• Hayley Dixon

Wins

• Learning the tools to help make CSS easier
• Being able to be given an image and be able to successfully recreate it
• Using media queries to have a responsive site

Challenges + Improvements

• Continuing to smooth out my CSS workflow and understand how each property impacts the layout
• Improving on the time it takes to recreate a composition
• Learning design styles
• Improving GitHub and Git workflow

Project Specs

• The project spec & rubric can be found here