From 578751436ed3f1e72e600840f392edb2031d26d3 Mon Sep 17 00:00:00 2001
From: Omar Ashraf <omar_ashraf_93@hotmail.com>
Date: Mon, 12 Apr 2021 14:42:28 +0300
Subject: [PATCH 1/2] Added Media Query for .key CSS Selector

Added Media Query for .key CSS Selector ( Margin top and bottom ), So that it won't be sticking to each other in smaller screens.
---
 event-keycodes/style.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/event-keycodes/style.css b/event-keycodes/style.css
index 954ceb8..e597872 100644
--- a/event-keycodes/style.css
+++ b/event-keycodes/style.css
@@ -40,3 +40,9 @@ body {
   color: #555;
   font-size: 14px;
 }
+
+@media(max-width:768px){
+ .key{
+   margin: 10px 0px;
+  }
+}

From 85d49f84aa77dacaca7c0193aba255b47287a5fa Mon Sep 17 00:00:00 2001
From: Omar Ashraf <omar_ashraf_93@hotmail.com>
Date: Mon, 12 Apr 2021 14:50:30 +0300
Subject: [PATCH 2/2] Added overflow hidden for .loveMe Selector

Fixed issue where if you double clicked the .loveMe div so fast it will show the hearts outside the div,
So Added overflow hidden for .loveMe CSS Selector.
---
 double-click-heart/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/double-click-heart/style.css b/double-click-heart/style.css
index f73df13..c578a1e 100644
--- a/double-click-heart/style.css
+++ b/double-click-heart/style.css
@@ -36,6 +36,7 @@ small {
   max-width: 100%;
   position: relative;
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+  overflow: hidden;
 }
 
 .loveMe .fa-heart {