make thumbnails square

skulshreshtha · Sep 13, 2020 · 7268d4f · 7268d4f
1 parent 807f35f
commit 7268d4f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -31,6 +31,7 @@ One of the major changes in this version is that a lot of time was spent on reth
 - Changed the behaviour of `site-css` to include site-wide CSS file **before** instead of after page-specific files
 - Renamed internal css/js files from "main" to "beautifuljekyll" to make it easier for users to troubleshoot
 - Added alt text to all images for better accessibility
+- Made thumbnail images square instead of circles, as users reported that circles cut off important parts of images
 
 #### Bug fixes
 

diff --git a/assets/css/beautifuljekyll.css b/assets/css/beautifuljekyll.css
@@ -434,6 +434,7 @@ footer .footer-custom-content {
 .post-preview {
   padding: 1.25rem 0;
   border-bottom: 1px solid #eee;
+  overflow: hidden;
 }
 
 @media (min-width: 768px) {
@@ -503,7 +504,6 @@ footer .footer-custom-content {
   filter: grayscale(0%);
 }
 .post-preview .post-image img {
-  border-radius: 6rem;
   height: 100%;
   width: 100%;
 }