Headlines


#1

hello!
How can i fix the style of the images?


#2

use col-md-4, not col-md-3. Each row has 12 cols, so 3xcol-md-4 covers the full width of the row


#3

It worked! thanks! Do i need to create a new topic to ask something in this project?


#4

If its still this project, no, just post it in this topic


#5

I try to create the footer but i missing something with the divs. When i add the footer content; it aooears above the cards div. Do you see something that i don't?


#6

both your cards and footer are missing div.row:

<div class="cards">
      <div class="container">
        <h2>Our Expertise</h2>
         <!-- missing div with class row -->
         <div class="col-md-4">

see comment. Same for footer. Cols should always have row as parent


#7

Thanks a lot. You' re a magician!


#8

col's are using float (you are familair with float?), anyway, the row makes sure adding more cols will go below each other (by using clear)

both clear and float are css property, they must have been taught at some point in the course


#9

i'm somehow familiar but there are so many aspects to take care in html/css positioning.
So. do you suggest to set clear property at the css of .footer?

By the way. how can i align left the address attribute?


#10

no, row contains the clear property, its already defined for you, just add the rows, i was just adding some more explanation (which hopefully didn't confuse you)

you could use float :stuck_out_tongue:

but use bootstrap instead, add pull-left class to <div class="col-md-4">


#11

i use the pull-left class but doesn't go left. do i need to style it i ncss with align/float?


#12

i don't understand, col's have float: left, adding pull-left add float: left !important, it should be on the left....


#13

did you run the code? Could it be a borwser fault? I use firefox.


#14

the problem is in your cards, row should be the parent of col-md-4:

<div class="row">
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
    <div class="col-md-4"></div>
</div>

one row can contain multiply columns.


#15


like this?


#16

the problem was in your div.cards, not your div.footer, sometimes mistakes earlier in the code can cause output issues later


#17

ok! i'll check it!!
thanks a lot for your time


#18

I made it. The only problem is how can i fix the different positions throught smaller screens through the @media queries.


#19

why use @media when you have bootstrap? use col-xs and col-sm see here


#20

it was by default in to my code