diff options
| author | Nitesh Kumar Sinha | 2019-08-19 11:14:26 +0530 |
|---|---|---|
| committer | GitHub | 2019-08-19 11:14:26 +0530 |
| commit | f8d43f51937aae5240b2885108fd08efab768155 (patch) | |
| tree | 998c1d749bf3533d24a4799b53c79413dfce7eba /research_group_template/bhavika/event/style.css | |
| parent | 58dbf8fcb04c01c338b9e346b8266690c8b92a2f (diff) | |
| parent | 67eeae320422623bc2873b2c00afb8b29ec6160e (diff) | |
| download | acadmix_distribution-f8d43f51937aae5240b2885108fd08efab768155.tar.gz acadmix_distribution-f8d43f51937aae5240b2885108fd08efab768155.tar.bz2 acadmix_distribution-f8d43f51937aae5240b2885108fd08efab768155.zip | |
merge with Stage
Diffstat (limited to 'research_group_template/bhavika/event/style.css')
| -rw-r--r-- | research_group_template/bhavika/event/style.css | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/research_group_template/bhavika/event/style.css b/research_group_template/bhavika/event/style.css new file mode 100644 index 0000000..44ff398 --- /dev/null +++ b/research_group_template/bhavika/event/style.css @@ -0,0 +1,66 @@ +.center{ + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} +.row { + display: flex; + /*flex-wrap: wrap;*/ + padding: 10px 20px; +} + + +/* Create two equal columns that sits next to each other */ +.column { + /*float: left;*/ + flex: 25%; + max-width: 25%; + padding: 0 20px; + align-items: right; +} +.row::after { + content: ""; + clear: both; + display: table; + +.column img { + margin-top: 8px; + /* vertical-align: middle;*/ + width: 100%; + +} +.sabi-events-item{ + margin-top: 5px; +} +.img-responsive{ + margin-top: 10px; + display: block; + max-width:100%; + height: auto; +} +.sabi-events-item img +{ + margin-top: 10px; +} + +article +{ + display: block; +} + +/* Responsive layout - makes a two column-layout instead of four columns */ +/*@media screen and (max-width: 800px) { + .column { + flex: 50%; + max-width: 50%; + } +}*/ + + /*Responsive layout - makes the two columns stack on top of each other instead of next to each other */ +/*@media screen and (max-width: 600px) { + .column { + flex: 100%; + max-width: 100%; + } +}*/
\ No newline at end of file |