@0x00whitejsxSubmitted 9 months ago
Carmen
@CarmenyoAll comments
- @DivasJaglanSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
I am proud making the page responsive to the extent of my knowledge. Next time I will try to improve the responsiveness more
What challenges did you encounter, and how did you overcome them?Well I started this project with Mobile-first approach and I find found easier to maintain the style for desktop thereafter. Though I faced a problem in that : The height of the image was not adjusting so I gave the container a fixed height and gave the image 100% height.
What specific areas of your project would you like help with?I am learning more about responsiveness, so, if you any suggestions feel free to give them.
- @ShaunPourSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
Honestly, I'm super proud of how few alterations I had to make between the mobile and desktop viewports. Once the initial design was sorted, I only had to write 3 lines of css plus class selectors to get it working for the 1440px viewport.
What challenges did you encounter, and how did you overcome them?A few of the buttons didn't want to be the same size when sized up even when they started out the same and were all being sized up using the same class. This required some max width shenanigans to work around.
What specific areas of your project would you like help with?Positioning. There were a few spots where flexbox didn't seem to want to work in displaying something centered like I'd like and I had to fall back on relative positioning but I don't understand why that was the case in most of these situations.
@CarmenyoPosted 8 months agoHello, your project is great, but I would recommend adjusting the top and bottom margins, and it will be perfect.
0 - @GeokobbySubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
name of div
What challenges did you encounter, and how did you overcome them?positioning
What specific areas of your project would you like help with?none at the moment
@CarmenyoPosted 8 months agoHello, your code is really good, but to center your card perfectly, you could implement: body { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
Marked as helpful1 - @jeangathoni8Submitted 8 months agoWhat are you most proud of, and what would you do differently next time?
I am proud that I managed to code the semantics of HTML fluently to my understanding. I did it with no AI help and was able to test my understanding of both HTML and CSS.
What challenges did you encounter, and how did you overcome them?The challenge came when styling the page. This is where the real test came in as CSS has been quite a struggle to grasp but I managed to figure out slowly but surely what to do.
What specific areas of your project would you like help with?I would like some advice on CSS. I would like to get some input about how my code turned out and if I would need to improve in areas I might not notice now but would help me in the future of my coding journey.
@CarmenyoPosted 8 months agoI love your well-organized, indented code, and your perfect pixel solution. Congratulations!
0 - @CarmenyoSubmitted over 2 years ago
All feedback is welcome. Many thanks!
@CarmenyoPosted over 2 years agoThank you for your feedback. I will do it as you recommend me. Only one month has passed since my first Hello World :)
3
