article-preview-component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello @amaar09, congratulations for your new solution!

  Answering your question:

  The container is yet responsive, now all you need to do its to make the image responsive too, I saw that you've used width and max-width together inside the img/class selector you cannot use both properties together,to fix this behavior and have image resizing, use max-width. image inside the container scaling and respecting the size of the container, you need to add max-width: 100% and add alsoobject-fit: cover to make the image auto-crop when resizing inside the column:

  img {
      display: block;
      object-fit: cover;
      max-width: 100%;
  }
  

  ✌️ I hope this helps you and happy coding!

  0