@osaaroh
Posted
Hey
Good work so far on this task. For your questions:
- Check out the this Block, Element, Modifier methodology (BEM) article from CSS Trick here. CSS TricksBEM The BEM naming is very popular and its goal is to help developers better understand the relationship between the HTML and CSS in a given project.
- To be frank I also use an overlay with absolute positioning like you did on this project. Maybe CSS filter will have that ability in future updates.
- Use media queries and flex-direction to make your code responsive on mobile devices, as it currently looks packed on my mobile device
@media only screen and (max-width: 576px) {
body {
flex-direction: column;
text-align: center;
background-image: url("../../images/bg-intro-mobile.png");
}
p {
font-size: 0.95rem;
}
}
Marked as helpful
@shemjay
Posted
@Master-Osaro Thanks so much! This really helps a lot especially that part on media queries I didn't even know I could do that
@osaaroh
Posted
@shemjay Glad I could help. Just to add, one other thing you will find helpful is the "view report" section above. With it you can check out html issues you may have and apply some of the recommendations given.
Happy Coding!
@shemjay
Posted
@Master-Osaro Thanks will do!