Tribute Page help needed on how to compress my text

[Xoniaan]

Hey everyone! I’ve recently decided to pursue a career as a Software Engineer so I’ve just learned the basics. Currently working on a Tribute Page for Luffy from the One Piece series. Does anyone know how I can compress or squeeze my first paragraph so it’s more centered on the screen and not just overflowing to the sides? https://codepen.io/nainoavillegas/pen/mdXPpzL

[Cryptic_X]

@Xoniaan

Does anyone know how I can compress or squeeze my first paragraph so it’s more centered on the screen and not just overflowing to the sides?

From what I understood from your question you can centre the paragraph by using margin: auto in the css paragraph selector, and setting the width to a specific size. For example, 70vw(70% of the width).

[Xoniaan]

Almost! I was trying to figure out how to make it narrow so it’s within the pink lines.

[Cryptic_X]

You can use the margin: auto method or you can also try using padding.

[Cryptic_X]

You mean like this?

I did this with margin: auto and set the width.

[Xoniaan]

The padding worked with vw! Thanks so much!