Responsive Page

Responsive Page
0

#1

Hello, I am trying to create my CV from scratch. However, I wanted to place the twitter under the image i tried to place the image on a row, after that, add the twitter underneath it. But it did not work.
Any help please!! I would appreciate any help and explanation

Thanks

<div id="mainContent">
        <div class="row">
            <div class="col-m-9 col-s-8 col-xs-7">
                <h1>Ghazwa Alqahtani</h1>
            </div>
        <div id="col-m-3 col-s-4 col-xs-5"> 
            <div class="row">       
                <img src="images/cv_image.jpg" alt="Resume Image" id="pic" /><br>
                <div class="row">
                    Twitter: <a href="https://twitter.com/intent/tweet?screen_name=GQ__xi&ref_src=twsrc%5Etfw" class="twitter-mention-button" data-text="Hello, mention me if you are interested in my resume" data-show-count="false">Tweet to @GQ__xi</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
                </div>
            </div>
        </div>
    </div>

#2

You dont need 2 row only set one time and can use as many col you want.

<div class="row">
    <div class="col-m-9 col-s-8 col-xs-7">
        <h1>Ghazwa Alqahtani</h1>
    </div>
    <div id="col-m-3 col-s-4 col-xs-5">
            <img src="images/cv_image.jpg" alt="Resume Image" id="pic" /><br>
                Twitter: <a href="https://twitter.com/intent/tweet?screen_name=GQ__xi&ref_src=twsrc%5Etfw" class="twitter-mention-button" data-text="Hello, mention me if you are interested in my resume" data-show-count="false">Tweet to @GQ__xi</a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    </div>
</div>

#3

Ok thank you for replying.
I will try this right now :+1:


#4

I did but did not work twitter text still at its place


#5

script tag also need to set in bottom of page.


#6

but it is related to the twitter link that I am embedding it, it doesn’t affect the position of it. I only need to place the twitter text under the image.

It was under the image before trying to make my page responsive, so I am quite confused right now


#7

row means horizontal col is vertical. The above example must be side by side.