Giter Site home page Giter Site logo

emtes / abstract-art-lab Goto Github PK

View Code? Open in Web Editor NEW

This project forked from the-marcy-lab-school/abstract-art-lab

0.0 0.0 0.0 20 KB

Pixel perfect recreation lab to reinforce box model and layout fundamentals

License: GNU General Public License v3.0

HTML 32.60% CSS 67.40%

abstract-art-lab's Introduction

Abstract Art Lab

Unit 1 - Lesson 1: The Box Model and Layout Foundations

Objective

  • Reuben is an aspiring artist πŸ‘¨πŸΏβ€πŸŽ¨. He specializes in abstract art. He has designed a piece that he hopes to sell for enough πŸ’°πŸ’°πŸ’° to fund the rest of the year at the Marcy Lab School but first, he needs his Fellows to draw this up on plain old HTML and CSS.
  • Your task is to recreate this mockup in HTML/CSS.
  • You will have to rely on your display properties and understanding of the Box Model in order to produce a pixel perfect recreation!
  • Note: There are no customizations allowed for this labπŸ™…πŸΏβ€β™‚οΈ. In order to pass, your project must pass the blink test.

Directions

  1. Fork this repository.
  2. Clone your fork to your local environment.
  3. Change directories into the student-submissions directory.
  4. Create a folder with the following naming convention first-last.
  5. Inside your folder (student-submissions/first-last), create an index.html file and a style.css file. Connect them and recreate the project!
  6. Commit your changes regularly.
  7. When you have finished the project, push your changes up to your remote repo.
  8. Lastly, open a pull request to merge your changes back into Marcy-Lab-School/abstract-art-lab

Due Date

Thursday, September 19 at 9AM

abstract-art-lab's People

Contributors

rogbonna1 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.