Hello. The question is such. There is a picture and you need to place a button in a certain place. How to do it with adaptive layout? As I see it, positioning and the usual things will not help the picture is compressed differently than the button. enter image description here How to attach a blue button to that place? Thanks in advance

  • What have you tried? Where is the example of non-working code? - E_p
  • Answered by the code below - Ruslan Vergunov

1 answer 1

Before this is a similar block in full screen.

.button { height: 5%; border-radius: 20px; background-color:#19A4EC; position: absolute; } .registration1 { left:42%; top: 70%; } .button-parent { margin: 0 auto; } .registration2 { height: 7%; left:25%; top: 303%; } 
 <div class="second-block"> <div style="width:100%"> <div class="button-parent"> <button class="button registration2 col-xs-2 col-sm-2 col-md-2 col-lg-2"> <a href="" >Зарегистрироваться</a> </button> </div> <img src="style/2-3.jpg" class="img-responsive" > </div> </div>

  • Before that, there is a block on the entire screen. Therefore, the button is positioned at the top by as much as 300% and collapses with adaptive - Ruslan Vergunov