cant seem to move image

Question

I am trying to move my image a bit up to align with the x axis but i have tried position relative and padding but it doesnt seem to move but when i change width it works. I am making the change in .luxxreno img but it is not working does anyone know why and how i will adjust its position? I just want to move it up a bit because it is not aligned in my div/

CSS

.container {
  padding: 2.5em 1.25em 0;
  margin: 0 auto;
  border-bottom: 0.125em solid rgb(105, 105, 105);
  border-width: 100%;
  padding-bottom: 1.25em;
}
h1 {
  margin: 0;
  text-align: center;
  font-size: 3.125em;
  overflow: hidden;
  line-height: 1;
  color: white;
}
h1 span {
  display: block;
  animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
}

.meet-the-owner h3 {
  text-align: center;
  color: rgb(255, 215, 0);
  font-size: 1.5625em;
  font-family: "BatmanForeverAlternate";
}
.meet-the-owner-top h3 {
  text-align: center;
  color: rgb(255, 215, 0);
  font-size: 1.5625em;
  font-family: "BatmanForeverAlternate";
  padding: 2.5em;
}

.luxxreno {
  text-align: center;
  width: 100%;
  padding-bottom: 2.5em;
}

.luxxreno img {
  border-radius: 50%;
  top: 3em;
}

.meet-the-owner {
  padding: 3.125em;
  border-top: 0.125em solid rgb(105, 105, 105);
}
.q-l {
  color: white;
  display: inline-block;
  text-align: left;
  font-size: 1em;
  padding-left: 10%;
  padding-top: 2em;
}

.questions p {
  padding: 0.625em;
  padding-left: 0;
  font-size: 1.4em;
}
.luxx-name {
  font-family: "BatmanForeverAlternate";
  left: 0.2em;
  font-size: 3.125em;
  top: 1.9em;
  padding-bottom: 10px;
}

.owner {
  font-family: "BatmanForeverAlternate";
  color: red;
  padding-bottom: 25px;
}
.luxx-socials {
  padding-top: 30px;
}

HTML



      
        
            Players
        
    

    

    Meet the Owner

  

  

    
    
    
      LUXX RENO
      OWNER
      Real Name: Cory George
      Online Name: Luxx Reno
      First Game Played as a Kid: Duck Hunter/Super Nintendo
      Game I'm Best At: Fortnite
      If You Were a Superhero, What Would Your Power Be?: 
Mimicry, so I'd be able to mimic and super power I see.
      Favourite Artist of All Time: Billy Raffoul
      Hidden Talents: Won lots of medals for swimming!
    

  

    487 @ YouTube
    2.6k @ Instagram
    3k @ Twitch

    2.5k @ Twitter
    657k @ TikTok

  


  

  

    Content Creator

  

  

    
    
    
      ABZZINO
      Content Creator
      Real Name: Abdullah Khan
      Online Name: Abzzino
      First Game Played as a Kid: Call Of Duty
      Game I'm Best At: Call Of Duty (all of them)
      If You Were a Superhero, What Would Your Power Be?: 
 Flying
      Hidden Talents: They're hidden for a reason.
    

  

    360 @ YouTube
    193 @ Instagram
    2.6k @ Twitch

    142 @ Twitter
    23.6k @ TikTok

  


  

  

    COMPETITIVE PLAYER

  

  

    
    
    
      KEEZO
      COMPETITIVE PLAYER
      Real Name: Kyran Garden
      Online Name: KEEZO
      First Game Played as a Kid: Call Of Duty 3
      Game I'm Best At: Warzone
      If You Were a Superhero, What Would Your Power Be?: 
 Flying
      Favourite Artist of All Time: Drake
      Hidden Talents: I'm good at football.
    

  

    400 @ Twitch
    1.2k @ Twitter
    1.1k @ TikTok

  


  

  

    Content Manager

  

  

    
    
    
      SPODERBRAD
      Content Manager
      Real Name: Brad
      Online Name: SpoderBrad
      First Game Played as a Kid: Metal Gear Solid
      Game I'm Best At: Splitgate
      If You Were a Superhero, What Would Your Power Be?: 
Honestly don’t want a super power just wanna 
 be Iron Man.
      Favourite Artist of All Time: 
 Drake or Eminem can’t decide
      Hidden Talents: Best Free Kick Taker on Twitch.
    

  

    353 @ YouTube
    115 @ Instagram
    2.1k @ Twitch

    392 @ Twitter
    60k @ TikTok

A Haworth · Accepted Answer

I am not absolutely certain that this is what you are talking about, but in this CSS

.luxxreno img {
  border-radius: 50%;
  top: 3em;
}

the top setting will be ignored because there is no position set on the element. And when you do set it, make sure whatever ancestor element you want it positioned relative to also has a position set, otherwise CSS will hunt up the DOM til it finds such an ancestor.

cant seem to move image

Answers (1)

Related Questions