@f-avalosSubmitted about 1 month ago
What challenges did you encounter, and how did you overcome them?
I had small difficulties when designing the grid groups, but by establishing Media Queries I was able to solve it.
Master-X2000
@Master-X2000All comments
- @Master-X2000Posted about 1 month ago
Well done making use of media queries was the best act to carry out.
0 - @EgnodiaSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I am most proud of the responsiveness of this website and how I was able to achieve it using the mobile-first method.
What challenges did you encounter, and how did you overcome them?The challenge I encountered was just the website's responsiveness where I used the mobile-first method.
What specific areas of your project would you like help with?How can I improve the website using Sass and strengthen my responsive skills? What universal code can I always put on my websites to better my responsiveness in the future?
@Master-X2000Posted about 1 month agoUnfortunately, I wont be able to help you because I don't know SASS
0 - @collins-aiSubmitted about 1 month ago@Master-X2000Posted about 1 month ago
Amazing work. You must be very talented
Marked as helpful0 - @djkliveSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I am proud that i was able to complete the challenges
What challenges did you encounter, and how did you overcome them?The problem that i encounter was to center the second column of my table at the end of my table. Because i use a
What specific areas of your project would you like help with?display: flex;on my table, to overcome that problem i used aflex: 1;to Make all td elements equal width and it center my second columnI think i may need help with the height and width of my recipe
@Master-X2000Posted about 1 month agofor your height and width, you can check out Dave Gray CSS tutorial where he explains extensively on the various units used in CSS. From absolute like the "px" to relative like the "rem or em"
0 - @Lord-ZethesSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
I'm most proud of my persistence in learning how to use Grid and Flexbox to create a responsive layout. Despite the challenges I faced in centering the content and positioning elements, I managed to get a decent result. Next time, I would focus more on mastering the intricacies of both layout systems so that I don't have to rely on hacks like using margin-top to center content. I would also spend more time fine-tuning the alignment of images and text to ensure they align perfectly across all devices.
What challenges did you encounter, and how did you overcome them?The biggest challenge was positioning the images and stacking the name and "Verified Graduate" text correctly. I spent a lot of time experimenting with different layout techniques in both Grid and Flexbox to get them to behave as I wanted. While I did manage to get the elements into place, I had to rely on less optimal methods like manually adjusting margins to center content. In the end, the layout worked, but it wasn't as elegant as I’d like it to be.
What specific areas of your project would you like help with?I would love to get help with fully understanding the grid and flex layout systems. Specifically, I'd like to know how to center content properly without using extra margins and how to make image and text alignment easier. Any tips on optimizing layouts for responsiveness without relying on excessive adjustments would also be helpful.
@Master-X2000Posted about 1 month agoNice work. So I will recommend you check out Kelvin Powell YouTube channel for this. He has a lot of videos where he explains Grid and Flex box extensively. Alternatively, you can check out Dave Gray CSS Tutorial video on YouTube he also did an outstanding job demystifying them.
Afterwards, you can try out Flexbox Froggy and Grid Garden games to help you work on your flexbox and grid layout respectively.
You can also check out my code on this challenge, incase you need a guide on how you can apply what you have learnt after checking out those videos.
https://github.com/master-x2000/testimonial-grid
0 - @mahmoud17-cmykSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I am pleased with myself for completing this design.
What challenges did you encounter, and how did you overcome them?responsive
What specific areas of your project would you like help with?responsive
@Master-X2000Posted 5 months agoYou can try reducing the padding and gap of the right part of your design and also make you of relative units like rem and em instead of the px. And also ensure you don't add any padding to the container it will also cause your image not to cover the space You can also check my code to help you achieve that responsiveness https://github.com/master-x2000/stats-preview
Marked as helpful0 - @radriann21Submitted 5 months agoWhat are you most proud of, and what would you do differently next time?
i'm just proud of make this project and get back to my peak (i guess)
What challenges did you encounter, and how did you overcome them?none
- @jonathanPonsSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
I'm happy to have mastered Git/GitHub a bit better. Additionally, I tried to be precise in the reproduction of the element. Finally, the CSS elements were assisted by GPT 3.5.
What challenges did you encounter, and how did you overcome them?GPT has helped me find the solution most of the time or, in the best cases, the console.
What specific areas of your project would you like help with?Saving time in CSS by being faster and using more efficient properties. Community feedback would be a plus.
@Master-X2000Posted 5 months agoTry not using an AI it will help you improve in your problem solving skills
0 - @William306265Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
Separate paragraphs with blank lines
What challenges did you encounter, and how did you overcome them?Separate paragraphs with blank lines
What specific areas of your project would you like help with?Separate paragraphs with blank lines
@Master-X2000Posted 6 months agonice work but your text is a bit bigger than the actual design
0
