From b6cc7455d890f5ff8089d4f46f09791d35cd8ed8 Mon Sep 17 00:00:00 2001
From: Bhavika-keswani
Date: Thu, 11 Jul 2019 16:36:45 +0530
Subject: event html page added

---
 research_group_template/bhavika/event/style.css | 65 +++++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 research_group_template/bhavika/event/style.css

(limited to 'research_group_template/bhavika/event/style.css')

diff --git a/research_group_template/bhavika/event/style.css b/research_group_template/bhavika/event/style.css
new file mode 100644
index 0000000..3771f93
--- /dev/null
+++ b/research_group_template/bhavika/event/style.css
@@ -0,0 +1,65 @@
+.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
-- 
cgit