How to add top-right block on mask?


Topic: How to add top-right block on mask?

diworm asked 5 years ago

Hello there! Have this code:
<div class="view">
    <section  id="section_main">
        <div class='marquee'>
            <img src="/img/background.png" class="img-fluid o50"/>
        </div>
    </section>

    <div class="mask flex-center">
        <ul>
            <li><img src="img/logo.png" class="animated bounceInDown img-fluid" /></li>
        </ul>
    </div>
</div>
How can I do this?

Marta Szymanska staff pro premium answered 5 years ago

Hi, try to adapt this code to your id's and classes: CSS:
.right1 {
            float: right;
        }
HTML:
<div class="container">
           <div class="row">
               <div class="col-md-4 right1 mt-2 mr-3">
                   <img src="https://mdbootstrap.com/images/2.png" class="img-fluid">
               </div>
           </div>
           <div class="row mt-5">
               <div class="col-md-12 flex-center">
                   <img src="https://mdbootstrap.com/images/1.png" class="img-fluid">
               </div>
           </div>
       </div>
Best, Marta

diworm answered 5 years ago

Thanks a lot!
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags