How to add top-right block on mask?

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

diworm free asked 7 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?

Add comment

diworm free answered 7 years ago

0 0 Best answer

Thanks a lot!

Add comment

Marta Wierzbicka staff answered 7 years ago

0 0 Best answer

Please insert min. 20 characters.

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Specification of the issue

ForumUser: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

diworm

2Support score
6Questions 6Answers 0Snippets