Little help with my html and css project

Little help with my html and css project
0.0 0

#1

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!


#2

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://freecodecamp.org.

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).

Happy coding :slight_smile:


#3

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


#4

You can create a Project instead of a Pen on Codepen that allows you to add multiple files. They allow one free project per account.


#5

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


#6

You could add the sobre class to the div with class=“container”. Remember, you can use multiple class names for the class attribute’s value.

For example:

<div class="container sobre">

#7

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


#8

In your sobre.html document, replace:

<div class="container">

with

<div class="container sobre">

#9

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