I have a fiddle where I am trying to adjust the position of an image (keyboard) to match a specific design.
https://i.sstatic.net/flqCH.png
In my fiddle, the keyboard image is slightly lower than the desired position shown in the design. I am looking for ways to move the keyboard image higher to achieve the exact same look as the design above.
The relevant sections of my HTML code containing the keyboard image are :
<div class="full-stack-developer">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-3 left-side">
<a href=""><img src="assets/img/Uploads/keyboard.png" </a></div>
<div class="col-lg-3 right-side"> <a href="">Full Stack Developer</a>
<ul>
<a href=''>
<li>Qualification</li>
</a>
<a href=''>
<li>Go here</li>
</a>
</ul>
</div>
</div>
</div>
</div>
Is there a way to adjust the positioning without relying on
position: relative and position: absolute
?