Giter VIP home page Giter VIP logo

grumblr_css_redesign's Introduction

Grumblr CSS Redesign

This is not the most attractive website.

So redesign it to look nicer!

Your challenge...

...is to use Bootstrap or Foundation (or both!) without touching anything but the HTML.

That's right: no custom stylesheets. The exception is using SASS to, say, make .form-control apply to all input. (So to be really specific: no customizing with CSS properties.)

But this is a "soft challenge". The important thing is for you to flex your design muscles. This homework will be considered "complete" as long as it's clear you made some effort to redesign the site using Bootstrap and/or Foundation.

It looks nice enough when...

...you think it looks nice enough.

Unfortunately, beauty is subjective, so there will never be a clear stopping point when it comes to design.

The best way to check your progress is to ask someone else to look at your site for 10 seconds and tell you what they don't like. People have a lot of trouble defining what looks good or bad, but everyone knows it when they see it.

There is a solution branch...

...but it's not "right". There's no "right" -- that was just my take on Bootstrapping Grumblr, and I am by no means a visual designer. Feel free to refer to it to see how different classes are used, but please do not just copy it.

To submit...

...do your usual forking, cloning, changing, pushing, and pull-requesting.

What would be really cool, but is optional...

...is if you also push your code to a gh-pages branch on your fork! Then you and anyone you decide to share your code with will be able to see your Grumblr without having to clone it just by going to:

https://[your_username].github.io/grumblr_css_redesign

grumblr_css_redesign's People

Contributors

robertakarobin avatar andrewsunglaekim avatar jkoul avatar

Watchers

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