Want to reduce this blue kind of border

please tell me how to shorten figcaption’s blue line

Please wrap your code in triple backticks to get more help.

can’t understand please be more simple thanks you

can you please tell me which function can reduce the blue thing

you took it long to reply i changed a lot of things now i only want to know what is the name of that blue thing just tell me that

I’m sorry I’m not a professional to debug from a screenshot. I need your code but I guess someone else could help.

its okay do you know the name of the blue line??

<h1 class="center">portfolio</h1>
<!-- portfolio ending -->
<hr>
<!-- image starting -->
<figure>
    <figcaption>my photo</figcaption>
    <img src="photo/IMG_20100102_110058.jpg">
</figure>
<!-- new section starting -->
<section>
    <h2>About me:</h2>
    <p>my name is nevedhya, currently i am studying in class 11 this is my portfolio and i love web development</p>
</section>
<!-- section ending -->
<hr class="lastline, longline">
<p class="lastline">contact me at my <a href ="www.gmail.com">eamil address</a></p>
<br>
<p class="lastline">copyright preserved 123</p>

you can see figcaption
this is css code

figcaption{
position:relative;
left:250px;
font-weight: bolder;
font-family:serif;
}

Swap the places of img and figcaption and see if that helps.

lets cut it short just tell me the name of the blue things(your suggestion is not reducing the blue thing but i countinued and completed the project anyway ) i just now want to know the blue thing thats all

That indicates the width of your figcaption, or in general, the amount of space an element is taking on your page.

okay so i can call that width??

I’m not sure what you mean but you can change the width of that figcaption on your CSS. If you’re looking for the name of that “blue thing”, I don’t know but this is definitely the purpose:

That indicates the width of your figcaption, or in general, the amount of space an element is taking on your page.

1 Like