@rajvirsiingh
Submitted
@anasdwc
@rajvirsiingh
Submitted
@anasdwc
Posted
Helloπ
Code β¨οΈ:
body {
display: grid;
}
Documentation π:
Grid: A Complete Guide to CSS Grid | CSS-Tricks - CSS-Tricks
Instead of using table, use Grid or Flex is helpful and make it easier to create your layout
document
.querySelector("#read")
.addEventListener("click", function handleClick() {
document.querySelector(".number").innerHTML = 0;
for (let i = 0; i <= 4; i++) {
document.querySelectorAll("i")[i].style.color = "white";
document.querySelectorAll(".notification")[i].classList.remove("unread");
}
});
innerHTML = 0
make your number change to 0Feel free to reach me out π»
@HannTosin
Submitted
@anasdwc
Posted
Helloπ
Code β¨οΈ:
body {
display: grid;
}
Documentation π:
Grid: A Complete Guide to CSS Grid | CSS-Tricks - CSS-Tricks
Instead of using postition: absolute
, use Grid or Flex is helpful and make it easier to create your layout
Feel free to reach me out π»
@omar-bakry
Submitted
Finally! I hope it is good, i am new to CSS
@anasdwc
Posted
Hello π
You can use justify-content
to make your content center
Code β¨οΈ:
.parent {
justify-content: center;
}
Documentation π: justify-content - CSS: Cascading Style Sheets | MDN
Feel free to reach me out π»
@LucasHMelo
Submitted
Hello Folks,
I thought this challenge was easier, but i had some difficulties doing him. Some of this problems were:
@anasdwc
Posted
Hello @LucasHMelo π
Documentation π:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
background-position
Code β¨οΈ:
body {
background-image: url(../../images/bg-pattern-top.svg),
url(../../images/bg-pattern-bottom.svg);
background-position: top -380px left -110px, bottom -350px right -150px;
background-repeat: no-repeat;
background-size: contain;
}
img
HTML syntax instead of using the background-image
in CSS. img
HTML is also easier to customize.Feel free to reach me out π»