Make images in content area full width

  • Author
    Posts
  • #157385

    hughsueonghwushin
    Member
    Original poster

    Hi,

    I have a problem with image sizing in content area of my website.

    I’ve increased the width of content area container to 80% using the following css:

    @media (min-width:1200px) {
    .container {
    width: 80%;
    }
    }

    However, somehow I can’t make the images in the content area fit to the full width of content area container (which I set to 80%).

    Please refer to this page: https://hughshin.com/2020/07/13/global-politics-of-middle-power-diplomacy/

    Thanks a lot,

    Hugh

    The blog I need help with is: hughshin.com

    #157685

    tarasdashkevych
    Theme Author

    Hi Hugh,
    I apologize for the delay in my response!

    “However, somehow I can’t make the images in the content area fit to the full width of content area container (which I set to 80%).”
    – It seems like like the container area is larger than original image size. We can use a custom CSS to force the image to have a full width but it will affect the quality of the image.

    Please let me know if you want to do it.

    Kind regards,
    Taras

The topic ‘Make images in content area full width’ is closed to new replies.