Little help with my html and css project

Hello everyone. It’s my first time posting here, so I’m a bit scared. But let’s go.

I’m studying html and css, and yesterday I created a site. Ok, it’ll be hard to describe, but i’ll try.

In the index.html I have some poems. There are paragraphs inside divs. Like this:

 <div class="container">
        
            <div class="poema">
            
                <h3>AUTOPSICOGRAFIA</h3>
                
                <p> O poeta é um fingidor.
                    Finge tão completamente
                    Que chega a fingir que é dor
                    A dor que deveras sente.

                    E os que lêem o que escreve,
                    Na dor lida sentem bem,
                    Não as duas que ele teve,
                    Mas só a que eles não têm.

                    E assim nas calhas da roda
                    Gira, a entreter a razão,
                    Esse comboio de corda
                    Que se chama o coração.</p>
            
            </div>

</div>

So I created an “about me” page, and I’d like to style the P there. But I can’t, and I’m stucked there! Because, if I change all p’s, the whole index, change too. And I tried to create divs, use childs, put inline style, but nothing happened… The about me page is like this now:

<div class="container">
        
            
            
                <h2>Eduardo Pinheiro</h2>
                
                    <p>É, comecei pelo meu nome. Talvez não seja a melhor apresentação, mas é sempre difícil falar sobre nós, certo? <br>
                    Tenho 22 anos, e há quase 10 tenho síndrome do pânico e depressão. Eu gostaria poder não contar essa parte, mas praticamente é a única na minha vida. Passei metade dela (a melhor da vida, as pessoas dizem), trancado em casa. Idas somente a pronto-socorro e consultas. <br>
                    Nunca trabalhei, e minha mente me impede disso, aliás, de muita coisa. Meu maior sonho é ser independente e me considerar adulto. Talvez um dia eu conquiste isso.</p>
            
        
</div>
    

If someone could helpe me, please, I would really appreciate! Thank you, guys!

I’m doing the FreeCodeCamp course. I can copy the code to the codepen, but i’m having trouble in creating a link to the other page. I coded the index.html, so how do I go to about.me (example)? If u help me, I can post the site there

Got it! So I can post just the link here? https://codepen.io/EduMPinheiro/project/editor/AVkaGa#0

I did’nt get it :confused: I’m kinda lost

In your sobre.html document, replace:

<div class="container">

with

<div class="container sobre">
1 Like

Got it! It worked now! Thank you so much! :smiley: