@f-avalosSubmitted 6 months 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.
My name is Odezime Excel, I'm a young student how aspires to become a full stack web developer. I am currently mastering my front end dev skill, with the challenges provided by the creators of this website and one day, I know, I will also participate in building a large projects like this in a team
I’m currently learning...Java script along side bootstrap to amplify my skills in the front end world.
Latest solutions
Latest comments
- @Master-X2000Posted 6 months ago
Well done making use of media queries was the best act to carry out.
0 - @EgnodiaSubmitted 6 months 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 6 months agoUnfortunately, I wont be able to help you because I don't know SASS
0 - @collins-aiSubmitted 6 months ago@Master-X2000Posted 6 months ago
Amazing work. You must be very talented
Marked as helpful0 - @djkliveSubmitted 6 months 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 6 months 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 6 months 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 6 months 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 10 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 10 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
