Skip to content

Conversation

@FBagdeli
Copy link

I still need to work on it

Comment on lines +18 to +29
.logo {
grid-area: logo;
background-color: #000000;

svg {
padding: 10px;
height: 40px;
width: 40px;
fill: white;
}

}
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can't nest CSS selectors inside of other selectors, you'd need to use specificity:

.logo {
  grid-area: logo;
  background-color: #000000;
}

.logo svg {
    padding: 10px;
    height: 40px;
    width: 40px;
    fill: white;
}

Comment on lines +31 to +56
.header {
grid-area: header;
width: 697;
height: 60px;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
.header-containe {

background-color: black;
display: grid;
grid-template-columns: 5fr 5fr 1fr;
p {
color: white;
text-align: center;
padding: 20px 0px 10px 0px;
}
svg {
fill: white;
height: 30px;
width: 30px;
padding: 15px;
}
}

}
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same here, and for a lot of your CSS actually. I imagine this has been causing you a bit of a headache.

Copy link

@vherus vherus left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You HTML is good, and your CSS is fine but you're nesting a lot of things in CSS. CSS shouldn't have any nesting other than with things like media queries

@FBagdeli
Copy link
Author

@vherus
Will work on it and try to change the html with right semantics also

Thanks in advance

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants