How to remove margin of a bloggle article on phone view?

[MagdalenaBB]

https://maisonmagdalena.com/blogs/journal/traces-of-living
Password: MaisonMagdalena.222

Hello community!
On phone view, this section has left to right margin. I would like to remove it, so that the pictures fill the screen. How would I do this? The section was created by bloggle.

Thank you for your answers!

[devcoders]

Hi @MagdalenaBB

• Go to Online Store → Theme → Edit code.
• Find the file assets/base.css and paste the code below at the bottom of the file.

@media screen and (max-width: 749px){
.article-template .page-width--narrow {
padding: 0;
margin-top: 0;
}
}

[MagdalenaBB]

It worked! Thanks a lot.

If I may, I’d like to ask a further question regarding the design of this page. I would like to decrease the margin/padding between the pictures, both on desktop and mobile view. Is this possible?

[devcoders]

Hi @MagdalenaBB

You want like this.

[MagdalenaBB]

Yes, that’s what I am looking for

[devcoders]

Hi @MagdalenaBB

• Go to Online Store → Theme → Edit code.
• Find the file assets/base.css and paste the code below at the bottom of the file.

#bloggy--article .bggle_double-images {
gap: 0!important;
}
#bloggy--article .first--image, #bloggy--article .second--image {
width: 50%!important;
}

[devcoders]

Hi @MagdalenaBB

Great to hear that the issue has been resolved! If my assistance was helpful, please consider liking and accepting the solution. Feel free to reach out if you have any further questions.