Difference between revisions of "Team:ICT-Mumbai/Team"
| Line 83: | Line 83: | ||
-ms-transform: translate(-50%, -50%); | -ms-transform: translate(-50%, -50%); | ||
} | } | ||
| + | |||
| + | /* Three columns side by side */ | ||
| + | .column { | ||
| + | float: left; | ||
| + | width: 33.3%; | ||
| + | margin-bottom: 16px; | ||
| + | padding: 0 8px; | ||
| + | } | ||
| + | |||
| + | /* Display the columns below each other instead of side by side on small screens */ | ||
| + | @media (max-width: 650px) { | ||
| + | .column { | ||
| + | width: 100%; | ||
| + | display: block; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* Add some shadows to create a card effect */ | ||
| + | .card { | ||
| + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); | ||
| + | } | ||
| + | |||
| + | /* Some left and right padding inside the container */ | ||
| + | .container { | ||
| + | padding: 0 16px; | ||
| + | } | ||
| + | |||
| + | /* Clear floats */ | ||
| + | .container::after, .row::after { | ||
| + | content: ""; | ||
| + | clear: both; | ||
| + | display: table; | ||
| + | } | ||
| + | |||
| + | .title { | ||
| + | color: grey; | ||
| + | } | ||
| + | |||
| + | .button { | ||
| + | border: none; | ||
| + | outline: 0; | ||
| + | display: inline-block; | ||
| + | padding: 8px; | ||
| + | color: white; | ||
| + | background-color: #000; | ||
| + | text-align: center; | ||
| + | cursor: pointer; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .button:hover { | ||
| + | background-color: #555; | ||
| + | } | ||
</style> | </style> | ||
| Line 195: | Line 248: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 19:44, 31 October 2017
