Giter Site home page Giter Site logo

jo-well29 / 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 178 KB

Lab: Cumulative box model and layout fundamentals

License: GNU General Public License v3.0

HTML 80.00% CSS 20.00%

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. If this is a Practice or Pairing Lab, fork this repo and clone down the forked repo OR if this is a Lab Assignment that was generate using Github classroom, then your repo name will end in your username. No need to fork, just clone this repo without forking it.
  2. Write your code in the empty HTML and CSS files.
  3. Stage, commit, and push your changes regularly.
  4. If this is a Lab Assignment, submit the URL of your repo to Canvas. If this is a Practice or Pairing Lab, you can open a PR to denote that you are done.

abstract-art-lab's People

Contributors

rogbonna1 avatar thuyanduong avatar peterthedeveloper avatar deteriator avatar seal125 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.