Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Hi All,

I’m not getting check marks for certain elements that are present.
Also the FCC preview looks much different than my my live browser preview (in a bad way). What am I not seeing?

Thank you in advance.

It’s the last 3 elements :
Fixed nav-bar
1 media query
1 flexbox use

This is what I have on my CSS linked appropriately to my index file :

#nav-bar {
position: fixed;
top:0;
min-height: 100px;
padding: 0px 20px;
width: 100%;
display: flex;
align-items: center;
background-color: #ffffffee;
}

@media (min-width: 1500px) {
section:not(.video) {
margin: 10px auto;
}
}

.main-container {
display: flex;
flex-wrap: wrap;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

2

We need to see your whole code. Do not edit your default line of code while you post a thread.

Another thing you can look at is whether you created an element link from the HTML page to the CSS page.

1 Like
3

It wouldn’t let me post the entire code it was too many characters unfortunately.

4

You were right!

I created the page on Atom and didn’t realize the CSS file names were slightly different than on FCC.

Thank you so much