update margin and padding

Author: yuhattor

content/en/_index.md

@@ -7,10 +7,10 @@ fetchYoutubeVideos: true
 	style="background-image:url(/images/photos/welcome-to-the-isc.jpg); background-size: cover; background-position: center; height:400px; position: relative;">
 	<div class="container">
 		<div class="row align-items-center">
-			<div class="col-lg-8 mr-auto">
-				<h1 style="font-size: 40px; color: white; text-align: left; margin: 20px 0px;">Welcome to the InnerSource Commons</h1>
+			<div class="col-lg-8 col-md-6 col-sm-6" style="margin-top: 40px;">
+				<h1 style="font-size: 40px; color: white; text-align: left; margin: 0px">Welcome to the InnerSource Commons</h1>
 			</div>
-			<div class="col-lg-4">
+			<div class="col-lg-4 col-md-6 col-sm-6" style="margin-top: 40px;">
 				{{< upcoming-event-card style="banner" >}}
 			</div>
 		</div>

layouts/shortcodes/upcoming-event-card.html

@@ -3,7 +3,7 @@
 {{ $pages := where site.Pages "Type" "in" "redirects" }}
 {{ $pages = where $pages "Section" "events" }}
 {{ range first 1 ($pages.ByDate.Reverse) }}
-  <div style="position: relative; overflow: hidden; border: none; box-shadow: none;">
+  <div style="position: relative; border: none; box-shadow: none;">
     <div style="position: absolute; top: 10px; left: 10px; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: white; background: rgba(0, 0, 0, 0.5); padding: 4px 8px; border-radius: 2px; z-index: 1;">Upcoming Event</div>
     <a href="{{ .Params.redirect }}" class="event-link" target="_blank" style="text-decoration: none; color: inherit; display: block; border: none;">
       <img src="{{ .Params.image }}" alt="{{ .Title }}" style="width: 100%; display: block; border: none; margin: 0; border-radius: 6px;">