@JohnJohn,
Thanks for taking a look and the help!
I’ll try to address everything as neatly as possible.
Testimonials
there are multiple ways to prevent the title from breaking. The simplest is to adjust the font size
why are you using display: grid & display: flex in this section?
the color change on the buttons is caused by your a:hover {} declaration.
-So yes resizing the title fixed that, as far as the reasoning behind using both flex and grid, it’s what seems to be working to be honest. The flex is keeping the reviews scroller centered. Without, it is more to the right.
Good eye on the hover, I didn’t realize it was not specifically for the navbar. I made another one for the buttons here as well.
Contact
There are errors in your CSS which are preventing the background color from being shown. Once I corrected your errors I saw that the color matched the About section.
Why is this in your CSS #contactinfo{margin-left: 70vw;}? If my understanding is that you want your Contact section to be split into two equal pieces you need to remove this.
-I have #contactinfo{margin-left: 70vw;} in there because I am having a problem with the formatting of that entire section. It probably has something to do with the errors you found. I’m hoping that fixing those errors with make that unneccesary.
- As far as the errors you saw and corrected, I did not see those in the post, would you be able to point out what you saw?
* * Other things I noticed.
* Your image in your header has a white background so it’s hiding some of your border.
* I would center each of your sections vertically and horizontally.
* You have some extra HTML at the bottom of your Contact section. Maybe it’s just a placeholder?
-I noticed the logo image doing that as well and I left it because I liked it and couldn’t figure out how to get my border to do that on it’s own.
-I will look into centering the sections vertically and horizontally.
- If you are referencing the random letters in the ‘p’ then yes it it just holding a place while I tried to figure out the formatting down there.
* Don’t forget to validate your CSS and HTML with the tool that checks it. There are a few errors that need to be corrected.
* Your images are OK, but there is some distortion when the browser is not on full screen on a desktop.
* There are spacing issues, but I think they wll be resolved once you center your elements and adjust the font sizes.
* `#video {max-width: 45vw;}` leaves a funny gap on the right side of that container.
-I’ll check out the validation tool as well.
-I’m not seeing the gap you speak of, at least on my end.
So, I think my biggest thing now is trying to get this thing good for a phone. Do I need to redo the whole site or is it as simple as a meta tag, I’m just kind of confused as to how to do that part. (might of bitten off more than I could chew lol). I tried putting a meta tag which I googled, and when I open the site on my phone it was still all messed up. Will the centering help fix this?
I also did assign background colors to mark the individual section boundaries to start, I must have done too much and couldn’t figure out where I went wrong in messing up the Contact section.
Thanks so much for the help so far btw!
