Kevin Powell - Community•2y ago

im trying to make image bigger but it just doesn;t get bigger

this is just an extensions from vscode and it is on iphone x so please can somebody help me

13 Replies

Electronic•2y ago

Post the HTML structures for that part also

samidevOP•2y ago

yep here

 <!-- portfolio -->
    <section class="portfolio" id="portfolio">
        <div class="heading">
            <h2>Projects</h2>
            <span>My Projects</span>
        </div>
        <div class="portfolio-content">
           
              <div class="portfolio-card">
                <div class="portfolio-img">
                    <img src="img/blog-1.jpg" alt="">
                </div>
                <div class="card-content">
                    <h2>Euro Kuvajt Warehouse Company</h2>
                    <h3>Web Design</h3>
                    <p>This Website was created by me for a warehouse company, which is placed in Macedonia/Skopje.</p>
                    <a href="#" class="btn-text" style="color: blue;">
                        <span class="span">See Project</span>

                        <i class="bx bxs-right-arrow-alt"></i>
                   </a>
                </div>
            </div>

 <!-- portfolio -->
    <section class="portfolio" id="portfolio">
        <div class="heading">
            <h2>Projects</h2>
            <span>My Projects</span>
        </div>
        <div class="portfolio-content">
           
              <div class="portfolio-card">
                <div class="portfolio-img">
                    <img src="img/blog-1.jpg" alt="">
                </div>
                <div class="card-content">
                    <h2>Euro Kuvajt Warehouse Company</h2>
                    <h3>Web Design</h3>
                    <p>This Website was created by me for a warehouse company, which is placed in Macedonia/Skopje.</p>
                    <a href="#" class="btn-text" style="color: blue;">
                        <span class="span">See Project</span>

                        <i class="bx bxs-right-arrow-alt"></i>
                   </a>
                </div>
            </div>

Mannix•2y ago

what are dimensions of that image?

samidevOP•2y ago

Of the cas without responsive right?

Mannix•2y ago

the actual image that you load in

Wolle•2y ago

Image tags usually dont stretch bigger than their image is. Maybe setting width or object-fit can help.

samidevOP•2y ago

I'll try when i'll go home and tell u more

MarkBoots•2y ago

btw, your .portfolio-card has grid-template-columns, but the display is block. that will do nothing

Mannix•2y ago

the css for .portfolio-img seems unnecessary

samidevOP•2y ago

so what should i do ? in this case cuz i got no idea fr

samidevOP•2y ago

so now i find smth else

samidevOP•2y ago

i did this

 .portfolio-img {
    width: 400px;
    display: static;
    margin-left: -50px;
  }

  .portfolio-img img {
    width: 900px;
  }

 .portfolio-img {
    width: 400px;
    display: static;
    margin-left: -50px;
  }

  .portfolio-img img {
    width: 900px;
  }

and when i hover to image it gets bigger but idk if u can see that in the right and left have like a padding or margin how can i get rid of it

Wolle•2y ago

I am not sure I follow. Could you please tell us, what step you are stuck right now? Maybe create a codepen/stackblitz/etc., so we can understand your problem better.

Gaming

Programming

im trying to make image bigger but it just doesn;t get bigger