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
Electronic17mo ago
Post the HTML structures for that part also
samidev
samidev17mo 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
Mannix17mo ago
what are dimensions of that image?
samidev
samidev17mo ago
Of the cas without responsive right?
Mannix
Mannix17mo ago
the actual image that you load in
Wolle
Wolle17mo ago
Image tags usually dont stretch bigger than their image is. Maybe setting width or object-fit can help.
samidev
samidev17mo ago
I'll try when i'll go home and tell u more
MarkBoots
MarkBoots17mo ago
btw, your .portfolio-card has grid-template-columns, but the display is block. that will do nothing
Mannix
Mannix17mo ago
the css for .portfolio-img seems unnecessary
samidev
samidev17mo ago
so what should i do ? in this case cuz i got no idea fr
samidev
samidev17mo ago
so now i find smth else
samidev
samidev17mo 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
Wolle17mo 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.