Hey everyone! I'm looking for a forum-style platform similar to Stack Overflow where I can get some feedback on my first project. It's the first one I've built from scratch, so I'm open to any critiques or suggestions on what could be improved.
I have a few specific questions like whether using too many media queries is considered bad practice and how to tackle responsive design challenges like creating a hamburger menu. Currently, I'm struggling with controlling when flex items wrap in my menu - it's not behaving as expected when the screen size changes.
Additionally, I noticed that "flex basis" and "flex grow" seem to have a similar impact on the layout. I'd appreciate any advice on handling different widths for menu items.
Feel free to take a look at the code snippet below and let me know if you spot anything that could be optimized or changed for better results. Thanks in advance!
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
background-color: hsl(9, 41%, 19%);
margin: 0;
font-family: 'Bowlby One SC';
}
header {
background-color: darkgoldenrod;
color: hsl(9, 41%, 19%);
margin: 0;
padding-bottom: 0.5em;
border-bottom: 3px solid rgb(112, 98, 98);
}
/* More CSS styles... */