https://i.imgur.com/Zblctu7.png

i’ve been beating my head against this for some hours now and need someone outside of my mind to help me out.

I’m trying to make a simple intro section for a project. My idea was to have an off-centered title/subtitle that was also text-align: right with itself as you can see in the picture (this is from adobe xd). The text-align works fine but then the whole thing gets pushed over to the right. If i make the container it’s sitting in 50% then the whole thing goes crazy on smaller screens and the text-align goes wonky as well.

Any tips would be appreciated, i just can’t figure out why this is so hard lol

Firstly, welcome to the forums.

While we are primarily here to help people with their Free Code Camp progress, we are open to people on other paths, too. Some of what you are asking is pretty trivial in the Free Code Camp context, so you might find that if you’re not getting the instruction and material you need in your current studies, the FCC curriculum will really help you get started. At a modest guess I’d say investing a 4-5 hours working through the curriculum here will really pay off. You can find the curriculum at https://www.freecodecamp.org/learn.

With your current questions, we don’t have enough context to know what you already know or don’t know, so it is impossible to guide you without just telling you the answer (which we won’t do).

It is pretty typical on here for people to share a codepen / repl.it / jsfiddle example of what they have tried so that anyone helping has more of an idea of what help is actually helpful.

Please provide some example of what you’ve tried and I’m sure you’ll get more help.

Happy coding :slight_smile:

Sorry, I’m actually working through the freecodecamp course currently. I was just having a brain fart I guess and getting frustrated.

Here is the codepen I came up with: https://codepen.io/mattquan/full/OJNeOpP

I used a position: relative container with an absolute container inside and was able to position that with top: 25% and left: 25% and then align the text inside the inner container.

Is that a normal/good way of doing something like that?

Thanks!

yes, just a point about codepen: the HTML box expect only the content of the body tags, without the body tags, everything else can be set in the settings of the pen