Code Monkey home page Code Monkey logo

flexbox-news's Introduction

Flexbox News

Today we got a taste of what the new CSS3 flexbox system is all about. The code along we did was based off of a tutorial on the web.

Let's go through that tutorial in order to solidify what we've learned about flex box.

Tutorial Here: Flexbox Tutorial

Steps:

  1. Fork and clone this repository to your computer.

  2. Write your code inside of the news_layout directory. HTML will go inside of index.html, and our css will go inside of css/main.css. Feel free to get creative, change the colors/ font!

  3. Push your code back up to the forked repository.

  4. Send a pull request.

Of course you could always copy and paste the code that's provided. However, if you are serious about learning this will not help you.

We look forward to seeing what you come up with, happy hacking!!

Resources

Lorem Ipsum Generator - Hipster Ipsum

Free Photos - Unsplash - Pexels

flexbox-news's People

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.