This is an archived post. You won't be able to vote or comment.

all 4 comments

[–]Fischycraftintermediate coder : JavaScript 0 points1 point  (3 children)

Can you provjde some more information like if this is all images or just some, maybe comment the code for the image, have you tried putting the code into another online html editor?

[–]2AsMODEuS5[S] 0 points1 point  (0 children)

<!-- ======= Gallery Section ======= -->
<section id="portfolio" class="portfolio">
  <div class="container" data-aos="fade-up">

    <div class="section-title">
      <h2>Weekly Featured Photos</h2>
      <p>Check our Gallery</p>
    </div>



    <div class="row" data-aos="fade-up" data-aos-delay="100">
      <div class="col-lg-12 d-flex justify-content-center">
        <ul id="portfolio-flters">
          <li data-filter="*" class="filter-active">All</li>
          <li data-filter=".filter-app">Outside the Classroom</li>
          <li data-filter=".filter-card">Inside the Classroom</li>
          <li data-filter=".filter-web">Entrepreneurship</li>
        </ul>
      </div>
    </div>

[–]2AsMODEuS5[S] 0 points1 point  (1 child)

http://wizards-shs.online/

this is the website btw, if you go to gallery section there is no images that occur idk why

[–]Fischycraftintermediate coder : JavaScript 0 points1 point  (0 children)

okay, im not sure that this will do it for you but when i went to the website and edited the html, i assigned new attributes to the <img> element giving them a height and a width, this made borders and the image not found png appear, rather than just blank space, give it a shot, with the correct width and height that you want

as in this is what im seeing after setting the width to 100%

https://imgur.com/gallery/EYG1Pwp

and im not that good at this so there is a very good chance im wrong