There are several ways to do this. We’d really need to see your code to give you a good answer.
You could send us your Codepen Link, if you have one .
here you go
Okay:
To begin with, you may consider removing the text-2, text-3 <div>
and placing the text within one DIV <text-1>
:
<section class="intro">
<div class="text-1">
<h2>Hello, my name is</h2>
<h3>MY name</h3>
<h3>And I'm a web developer</h3>
</div>
</section>
Re-class each one of the lines of text, as h1, h2, h3, respectively.
Next:
Consider removing: display: flex; ( this will realign your text to the left side.
.text-1 {
display: flex;
font-size: 40pt;
position: relative;
text-align: left;
float: left;
margin-top: 15%;
margin-left: 15%;
}
After that, Consider placing the text in Box A of a Flex box, containing two boxes, Each 50%:
Thank you very much Cathy.
: )
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.