Hey guys, good morning.

I have some things I need cleared up for a website project i'm doing for school.

Here's the URL http://mbportfolio.coffeecup.com

On the main page you see a picture of Yosimite, can you tell me why the breaks on the page aren't working?

On the contact page, there are links, but the <div class="contacttext"> is not changing the way the text is..

If you can help me through this project I would appreciate it. Most of it was written from scratch and learning.. so this is a first. Thanks guys

Matt, I guess this site is supposed to be responsive? In that case you need to add the meta viewport.

When you say 'breaks', do you mean breakpoints, or media queries? I don't see any.

The class contacttext must have a . (dot) in front of it in the css file.

There seems to be something wrong in the path to your logo, you have some extra code in there.

Might be more, but fix these things first.

Further: Position absolute and fixed are overriding the flex positioning. Use one or the other, not both.

In the head section you need to add a charset declaration

Your custom style sheet should be listed below the one for the google fonts.

Hi Inger, within the html I thought it didn't need a . ( dot ) in front of it though.

I have 4 breaks in my HTML and it hasn't moved over from there

Read my post again. I'm saying the css file.

I'm reading the code of your files. I don't see any breaks or breakpoints. And they are supposed to show up in the css file.

This is an example
http://mbportfolio.coffeecup.com/ts1.JPG
And the result
http://mbportfolio.coffeecup.com/ts2.JPG

For some reason the <br> in coding isn't reading

why have you put a <br />in a hyperlink?

Matt, I edited your post above and removed the <br>s from the img links. After that your images show up.

But your question, is that about the 4 <br>s you have on the web page, to push the Yosemite image down? That is a very old fashioned way to space out page objects, better with margins.
My suggestion: Remove the height: 10em; from Yosemite in the css file (and the <br>s from the html file), and if you want more space than that, give the image a top margin with as many px as you see fit.