All solutions

Hello!

I hope you enjoy the website I made; some questions I still have:

1. When I was putting the red dots for the unmarked notifications, I created a nested span element and turned the opacity on and off. In doing so, I had a hard time lining the span element up with the text and ended up not doing so because I think the design I have now looks better; however, I would still like to know how to line up my dot with the text. Can anyone help me with this?
2. I tried commenting my code very well and using proper semantics for my HTML; did I use sufficient semantics and comments in my code?
3. My responsive design works well up until about 900px, but then the widths of my banners exceed the width of the body. Does anyone have advice for how to get around this issue?

If you can help with any of these questions, that would be wonderful! If not, thank you for stopping by!

I was trying to focus on semantics and overall readability in my code; how is my semantics and CSS as a whole? Also, I used screenclip and saved the image as a JPEG for the image of the perfume; is this what everyone else does? Finally, I wasn't sure how to "crop" the image without changing its size (for the mobile version); can someone help me with that?

How would I change my current design to be responsive?

I used a mixture of grid and flex for my displays; is this frowned upon when developing a frontend page?

How long should the color pallet and layout planning period be when beginning a website from scratch?