in-silico / judge-frontend

Frontend to UTPJudge
Mozilla Public License 2.0
3 stars 2 forks source link

Create basic Grid #14

Closed caal-15 closed 8 years ago

caal-15 commented 8 years ago

We can create the basic Grid like here, but as you can see this method implements two classes "row" and "col-" this means each component should be wrapped around a div from "col-" class and a collection of components representing a whole row would be wrapped around a div from "row" class, this also means that in order to not use any of the css classes inside the react.js code (which is what somewhat hampers modularity) we should output a file for each of the stacked components we create and not just output a "bundle.js" with everything, if you see a problem with this, or have different proposal, please comment.

caal-15 commented 8 years ago

I have tested react and CSS using the grid provided by W3Schools and made a little example page with it you can find it here, the bulk of the work is in public/css/base.css and public/index.html, the react component itself was developed in public/scripts/comments.js

arendondiosa commented 8 years ago

Added here by @caal-15