Latest solutions
Result Summary Component
Submitted 2 months agoIf there's an error in the screenshot, I don't know why it's happening, it looks good in my browsers
Latest comments
- @sudhanshusingh-g@TofeDev
You got the size of the cards very well! This work is pretty good!
- @a-yemisiWhat are you most proud of, and what would you do differently next time?
I was finally able to get responsive text right. I also would set the width of the heading p elements to be different from that of the other elements, to allow it to move better.
What challenges did you encounter, and how did you overcome them?I faced challenges trying to make the design as close as possible to the source. I had issues with the text, card size, image sizes. I was not able to get it as close as I wanted.
What specific areas of your project would you like help with?The challenges I listed earlier. What do you suggest I do as tips?
@TofeDevAmazing work! The style-guide.md gives you the font size for the <p>, that's the start for sizing everything around that.
- @fivetailsdevelopmentWhat are you most proud of, and what would you do differently next time?
Very happy with how this turned out without using Figma design files.
Also happy with how easy it was to adjust from a mobile-first build.
Want to explore better use of custom variables for streamlining media query changes and making it easier for others to understand the code.
What challenges did you encounter, and how did you overcome them?I had some issues with sequencing and synchronicity - some of the media queries weren't taking effect. This was solved by moving the media query to the end of the CSS file.
@TofeDevLooks like the original desing, very good work!
- @kwaeterinckx@TofeDev
Almost exactly like the desing, good work! I don't have much to say other than try to make the text aligned with the image (text and image must have the same padding on the sides)
- @MohammedHossam1@TofeDev
This looks pretty good!
- P@defenstrationWhat are you most proud of, and what would you do differently next time?
It may sound odd, but I am most proud that I did this project without using any resources except MDN web docs. It makes me feel like I am making progress.
If I were building this again, I would focus more on functional usage (how it would fit into something like react)
What challenges did you encounter, and how did you overcome them?This project actually went pretty smoothly. Nothing more complicated than looking up some syntax on web docs.
@TofeDevIt looks amazing! Literally looks exactly like the desing, excelent work!