All solutions

I feel like a lot of coding space is wasted positioning elements (a margin here and padding there etc) and would like to hear any suggestions regarding achieving a more efficient way of positioning these elements (not having to position them almost individually).

As always, if anyone sees anything that could be tightened in the code, please let me know. Thank you.

If you have anything to point out regarding my code, I'll be happy to hear it, this project was very tough to complete due to me having used the <picture> element to get familiar with it, which made working with the image very difficult because I couldn't get it to fill the div as easily as I would have been able to with an <img> element.

If anyone has anything to point out regarding my code, I'll be happy to hear it. Seeing as I have gotten some comments about it in previous projects, I have tried to resort more to relative units instead of absolute ones. I also tried to write the shortest code I could, but if anyone has any suggestions regarding achieving even better results in this regard, I'd love to hear them.

If there is anything about my code you feel could have been handled better, feel free to let me know. I myself would have preferred to have kept the CSS shorter, especially because a lot of classes had to be used for just one or two lines of code. In any case, I tried to use as many blanket rules as I could to keep the document size down.

If anyone has anything to point out regarding the code, I'll be happy to hear it, I sometimes feel like I may be using too many classes "just in case". I'd also like to hear suggestions regarding the placement of the images in the background, even though this works fine I feel like there's probably a better way (I'm under the impression that this effect is possible to achieve using blend mode?).

I attempted to simplify my CSS as much as possible to make it more efficient, but if there is anything extraneous or that could have been done just as well with less, please let me know.

While working on this project, I couldn't help but feel like the order of how I went about things was a bit random, and would like to structure my approach a bit more. How should I go about organizinbg this? As in, should I first work on the position boxes, then the content, then the styles, top to bottom, left to right, how? That would be my biggest question in terms of best practices, how do I structure my approach.

Thank you.