GithubHelp home page GithubHelp logo

ssheehan1210 / layout-challenge1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ga-chicago/layout-challenge1

0.0 1.0 0.0 54 KB

Css Layout Challenge

License: MIT License

HTML 38.29% CSS 61.71%

layout-challenge1's Introduction

Layouts Challenge

Fork & Clone this repository

You are provided with a PDF of "grey box" drawings. You must create HTML and CSS layouts for each of the layouts. Fork and clone this repository. You will need an HTML and CSS file for each layout (keep things organized - one folder for each layout).

The PDF included "gray box" drawings of page layouts that are increasingly difficult to achieve using CSS. These are intended to be used after being introducing to the basics of float and clear. These exercises are meant to help you explore the basics and practice to develop a better intuitive sense for how float and clear work.

Please also note that we are not providing finished HTML and CSS for these exercises. We've found that HTML and CSS style can vary considerably from person to person, so please feel free to take your own approach to these quick layout wireframes.

Expectations

We expect each student to complete as many of these as possible. If that means you complete 1, great. If you finish all of them, fantastic. You should continue working on these problems after submission to practice your CSS skills until you complete this challenge.

Submission

  • git add
  • git commit -m "fin"
  • git push
  • Open repository on Github & Create Pull Request.
  • Submit Pull Request (do not close!)

layout-challenge1's People

Contributors

jimbojones1 avatar

Watchers

James Cloos 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.