Help Needed — Can't Set up Div Box! Options

[Moon the Silly Girl]

Hello!

I'll admit, I'm a newbie to HTML and CSS, but not like a newborn newbie lol as for what I need help with, I can't seem to add a profile picture div box right in this area!



I've been trying to get it, and so far the only amount of "progress" I've gotten is getting it on the left side of the top container (below marquee box), yet I can't seem to get it on the right... At all. And even with the left one, it was off-centred (If my memory serves right ☆ｏ(＞＜；)○)

For an example of what I'm trying to add, it'll be an img, like this!

For my site, the link is this! Don't mind how weird it is, please <3

I hope these were enough details, sorry if it wasn't, this is my first post, after all...

Thank you for reading!

This post has been edited by Moon the Silly Girl: Sep 10 2023, 09:47 AM

[coothead]

Hi there Moon the Silly Girl,

putting aside that much of your code comes from the 20th century
the solution to your immediate problem would be to change this...

CODE

.the-section {
   width: 100%;
   height: 430px;  
   display: flex;
   flex-wrap: wrap;
}  

...to this...

CODE

.the-section {
   width: 100%;
   height: 430px;  
   display: flex;
   flex-wrap: wrap;
   background-image: url(RandomThings/a3.gif);
   background-repeat: no-repeat;
   background-size: 138px 150px;
   background-position: 95% 40px;
}  

coothead

[Moon the Silly Girl]

Hi there Moon the Silly Girl,

putting aside that much of your code comes from the 20th century
the solution to your immediate problem would be to change this...

CODE

.the-section {
   width: 100%;
   height: 430px;  
   display: flex;
   flex-wrap: wrap;
}  

...to this...

CODE

.the-section {
   width: 100%;
   height: 430px;  
   display: flex;
   flex-wrap: wrap;
   background-image: url(RandomThings/a3.gif);
   background-repeat: no-repeat;
   background-size: 138px 150px;
   background-position: 95% 40px;
}  

coothead

Oh my God, thank you so much! It worked!