Collection's page box-modelling issue resolved (Anjaliavv51#307)

I've successfully fixed the collection's page issues related to (.items)
box modeling and layout adjustments by making changes in only relevant
CSS files. Please review the changes and merge the pull request.
Thanks!

Css-files/content.css

@@ -210,24 +210,23 @@ input[type="submit"]:hover {
   background-color: #f2f2f2;
   box-shadow: 0 0 10px rgba(224, 224, 252, 0.678);
   border: 1px solid rgb(186, 186, 201);
-  padding: 40px;
-  margin: 10px;
+  margin: 50px 10px;
   height: 310px;
   width: 230px;
-  border-radius: 15px;
+  border-radius: 10px;
   text-align: center;
   font-family: "Bree Serif", serif;
- transition: 0.5s ease-in-out;
+ /* transition: 0.5s ease-in-out; */
 }
 .menu_items :hover{
   background-color:#fff4f4 ;
-  transform: scale(1.05);
 }
 
 .menu_items .items img {
   justify-content: center;
   height: 190px;
-  width: 230px;
+  width: 228px;
+  border-radius: 10px 10px 0 0;
 }
 
 .menu_items .items h3 {