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: