added drag and drop feature

drag-drop/assets/drag.css

@@ -0,0 +1,61 @@
+body {
+    background-image: url(https://source.unsplash.com/1600x1366/?landscape); 
+    font-family: 'Montserrat', sans-serif;
+    line-height: 1.5;
+}
+
+#div1,
+#div2 {
+    width: 10vw;
+    height: 10vw;
+    border: 1px solid red;
+    margin: 0 auto;
+    text-align: center;
+    border-radius: 15px;
+}
+
+.container {
+    display: flex;
+    margin-top: 10vh;
+    width: 70vw;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.dragDiv {
+    width: 10vw;
+    height: 10vw;
+}
+
+.dragImage {
+    height: 100%;
+    width: 100%;
+    border-radius: 10px;
+    object-fit: cover;
+}
+.verdict{
+    width: 70vw;
+    font-size: 1.5rem;
+    margin: 0 auto 0 auto;
+}
+
+.card{
+    background: rgba(0, 0, 0, 0.685);
+  color: white;
+  border-radius: 10px;
+  max-width: 300px;
+  margin-right: auto;
+  margin-left: auto;
+  margin-bottom: 10px;
+}
+
+@media only screen and (min-width: 768px){
+    body{
+        font-size: 120%;
+    }
+    .card{
+        border-radius: 15px;
+        max-width: 450px;
+
+    }
+}

drag-drop/assets/index.js

@@ -0,0 +1,54 @@
+// let weather = {
+//     "apiKey": "9969e5ceb5207490f3ec4ebb9eb3062f",
+//     fetchWeather: function (city) {
+//         fetch(
+//                 "https://api.openweathermap.org/data/2.5/weather?q=" +
+//                 city +
+//                 "&units=metric&appid=" +
+//                 this.apiKey
+//             ).then((response) => response.json())
+//             .then((data) => this.displayWeather(data))
+//     },
+//     displayWeather: function (data) {
+//         const {
+//             name
+//         } = (data);
+//         const {
+//             icon,
+//             description
+//         } = data.weather[0];
+//         const {
+//             temp,
+//             humidity
+//         } = data.main;
+//         const {
+//             speed
+//         } = data.wind;
+//         console.log(name, icon, description, temp, humidity, speed);
+//         document.querySelector(".city").innerHTML = "Weather in " + name;
+//         document.querySelector(".icon").src =
+//             "http://openweathermap.org/img/wn/" + icon + ".png";
+//         document.querySelector(".description").innerHTML = description;
+//         document.querySelector(".temp").innerHTML = parseInt(temp) + "°C";
+//         document.querySelector(".humidity").innerHTML = "Humidity: " + humidity + "%";
+//         document.querySelector(".wind").innerHTML = "Wind speed: " + speed + " km/h";
+//         document.querySelector(".weather").classList.remove("loading");
+
+//     },
+//         search: function() {
+//             this.fetchWeather(document.querySelector(".search-bar").value);
+//         }
+// };
+
+// document.querySelector(".search button").addEventListener("click", function() {
+//    weather.search();
+// });
+
+// document.querySelector(".search-bar").addEventListener("keyup", function(event) {
+//     if (event.key == "Enter") {
+//         weather.search();
+//     }
+// });
+
+// weather.fetchWeather("Indore");
+