
HTML e CSS com grid e Flexbox
Design comparison
Solution retrospective
The project was very enjoyable to do, even though it took much longer than I thought it would. I was proud to have completed the project without many problems, especially problems related to Grid, and I'm also proud to have learned something new with the footer image.
What I would definitely do differently is not try to create the line and number in the circle using HTML (I don't know if it's necessary to know). Even though I managed to do it, made me waste a lot of time when I only needed to get the image from Figma.
What challenges did you encounter, and how did you overcome them?The most difficult challenges I encountered in this project were the second line with the number inside the circle and the background-image of the footer.
As I mentioned above, I wasted a lot of time trying to create the line and the circle in HTML and styling them in CSS, and then I encountered the problem of not being able to change the color of the background-image or set its correct alignment.
I tried to solve this problem by watching video tutorials that weren't very helpful. I replaced the lines and circle I made with HTML and CSS with images taken from Figma. Reading documentation helped me solve the background color problem, and by testing some margin commands, I discovered that I could use a negative margin, which solved the alignment problem.
What specific areas of your project would you like help with?I would like general feedback.
In the previous project, I received help from @asia272, which helped me a lot. I tried to implement as many of her tips as possible, even though some things were missing, especially with grid.
So, I appreciate any feedback I receive on this project. It helps a lot. Thank you in advance.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord