Skip to content

Commit 27d2c99

Browse files
committed
fix image not being contained inside the article container and width should be now adjusted properly on mobile before it was too small
1 parent a8a53d8 commit 27d2c99

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

style.css

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -635,10 +635,11 @@ iframe{
635635
margin-left: auto;
636636
margin-right: auto;
637637
margin-bottom: 15px;
638+
max-width: 100%;
638639
max-height: 400px;
639-
max-width: none;
640640
width: auto;
641641
height: auto;
642+
object-fit: contain;
642643
}
643644

644645
.blogPostList{
@@ -703,7 +704,7 @@ iframe{
703704
/* phone fix */
704705
@media only screen and (max-width: 600px) {
705706
#articlecontent img {
706-
max-height: 190px;
707+
max-height: 520px;
707708
}
708709
.fullImage {
709710
max-height: 190px !important;
@@ -736,13 +737,13 @@ iframe{
736737
}
737738

738739
.imageInRow img{
739-
min-width:0;
740-
display: block;
741-
margin-top: 0px!important;
740+
min-width:0;
741+
display: block;
742+
margin-top: 0px!important;
742743
margin-left: 0px!important;
743744
margin-right: 0px!important;
744745
margin-bottom: 0px !important;
745-
width: 100%!important;
746+
width: 100%!important;
746747
height: 100%!important;
747748
object-fit: cover;
748749
}

0 commit comments

Comments
 (0)