What challenges did you encounter, and how did you overcome them?
I struggled for hours trying to align the three images of workflow section. The height of the images aren't the same and if I put each image in a div with its paragraph together, aligning the images would muck up the text alignment and vice versa.
I put six of the items together in a div as mobile design and for larger screen sizes, I used grid to create 3 columns and put the three images aligned as the design.
What specific areas of your project would you like help with?
If there's anything that I missed or some improvements needed to be made, please let me know. I would really appreciate it.
What challenges did you encounter, and how did you overcome them?
I have never done overlay effect on image, don't even know that it is called overlay effect. I found a video of someone making overlay effect on image on youtube and did the same thing. It worked. Also added border radius to the image div instead of the actual image so it won't overflow.
What challenges did you encounter, and how did you overcome them?
I completely forgot how to style the bullet points of the lists. After looking at some solutions and searching on the internet, I found the marker pseudo element and using it helps me a lot.