Product Landing Page - Build a Product Landing Page

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:

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

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

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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.