Update BlogListing.styled.js

src/app/features/blogListing/components.styled/BlogListing.styled.js

@@ -5,6 +5,7 @@ const BlogListingStyled = styled.div`
     return css`
       display: flex;
       flex-wrap: wrap;
+      justify-content: space-between;
       width: 100%;
       max-width: 1200px;
       margin: 30px auto;
@@ -18,23 +19,12 @@ const BlogListingStyled = styled.div`
         margin: 20px;
         @media only screen and (min-width: 550px) {
           margin: 0;
-          margin-right: 28px;
           width: calc(50% - 15px);
-          &:nth-child(2n) {
-            margin-right: 0;
-          }
         }
 
         @media only screen and (min-width: 1100px) {
           margin: 0;
-          margin-right: 28px;
           width: calc(33% - 15px);
-          &:nth-child(2n) {
-            margin-right: 28px;
-          }
-          &:nth-child(3n) {
-            margin-right: 0;
-          }
         }
 
         p {