element, I am in the process of developing a straightforward online card interface. In this interface, there will be a user profile picture displayed above some details about that user. However, to achieve this layout, the profile picture must appear hovering over two specific
div
elements. These
div
sections are designed to be responsive using Bootstrap, which is presenting a challenge for me to implement. Below, you can view the initial mockup and the code snippet I have created so far:
Code
<div class="col-md-3 col-sm-4 col-xs-12">
<!--Faded background profile picture-->
<div class="col-md-12">
</div>
<!--White container for text-->
<div class="col-md-12">
</div>
</div>