I am proud that i make this project very fast and it does not take much time to do it
What specific areas of your project would you like help with?i always overwhelmed when i tried to make the media queries if you can give some advice please
I'll say you start with one part of the code that you need to apply media queries one at a time. Afterwards you go to the next one.
You can also check out this video on media queries by Kevin Powell https://youtu.be/2rlWBZ17Wes?si=JvSEisv4aHMLsUgf
I had small difficulties when designing the grid groups, but by establishing Media Queries I was able to solve it.
Well done making use of media queries was the best act to carry out.
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?
Unfortunately, I wont be able to help you because I don't know SASS
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 display: flex; on my table, to overcome that problem i used a flex: 1; to Make all td elements equal width and it center my second column
I think i may need help with the height and width of my recipe
for 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"
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.
Nice 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
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
You 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
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
Your work is next to perfect
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.
Try not using an AI it will help you improve in your problem solving skills
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
nice work but your text is a bit bigger than the actual design
