Mobile first using HTML and CSS

@mdajmalshadab Hello! :) I initially started with that using pseudo-elements to place the two circles, but I find it hard to position them. Sometimes the background-position worked then sometimes the circles won't just update their position 😅

I'll try it again :)

@erelita Actually I learned that concept recently (after completing the profile card challenge), in my profile card challenge I used the follwoing properties for the background.

.bg { margin: 0; display: flex; justify-content: center; position: relative; width: 100%; height: 100%; z-index: -1; overflow: hidden; }

.bg-img-1 { position: absolute; right: 52%; bottom: 40%; }

.bg-img-2 { position: absolute; left: 50%; top: 50%; }

Hope this helps, else you can have a peek on my code to understand better. GitHub-Link

@mdajmalshadab I tried the ::after and ::before pseudo-elements because I enjoyed using them on cssbattle.dev ☺️ Then I found it hard to get the right positions 😅

I'll try to do this again after doing the accordion. Thank you so much!

@erelita great! Keep coding 🙃