Latest solutions
Simple Omelette Recipe
Submitted 12 months agoI would appreciate help with some specific areas of my project, particularly with spacing and alignment. I sometimes struggle with deciding when to use Flexbox versus Grid. I also feel uncertain about my choices of measurement units and best practices for responsiveness and accessibility. I would like to understand better when to use different units and how to make a container behave differently on various screen sizes.
Latest comments
- @jasonlimas@laurafilha
Code is very well organized and easy to understand, which makes maintenance and collaboration much simpler. The solutions you used worked very well, especially regarding spacing. I really liked the choices you made to maintain visual harmony and clarity.
I noticed that we made some similar decisions in our challenge, which reinforces the effectiveness of the approaches we chose. Overall, the result was a success and the final product turned out excellent.
Congratulations on the great work!
- @UMo0HU@laurafilha
The solutions you implemented are excellent, and the code is incredibly clean and easy to understand.
Using shortcuts in CSS styling was an intelligent and effective choice, demonstrating a deep understanding of best practices in web development. Overall, you achieved great solutions that will certainly contribute to the quality and efficiency of the project.
Marked as helpful - @Lara-artWhat are you most proud of, and what would you do differently next time?
I’m really proud of this CSS code because I made it mobile responsive without using any @media queries.
.card { max-width: 380px; margin: auto; padding: 20px; }
What challenges did you encounter, and how did you overcome them?I had trouble centering the image on the screen. And this is the solution I came up with. Using place-content: center, I was able to align and justify it both vertically and horizontally.
body { height: 100vh; place-content: center; max-width: 1440px; margin: auto; padding: 2rem; }
What specific areas of your project would you like help with?I'm not sure if there's a better way to center the image and place the text below it better. I did this, but I don't know if it's the right way.
.attribution { margin-top: 100px; font-size: 11px; text-align: center; }
@laurafilhaI would like to congratulate you on the excellent work in building the web page. The solution presented is almost perfect and truly impressive. The structure is clear and intuitive, making navigation easy and enjoyable.
With small adjustments, such as modifying the font size in some sections and tweaking minor details, I believe the page will be perfect. These subtle changes can further enhance the user experience, making the design more harmonious and pleasing.
The code is very well-crafted, demonstrating great care and professionalism. Additionally, it is easy to understand and adjust, which facilitates maintenance and future modifications.
Marked as helpful - P@GamerSubhan@laurafilha
Congratulations on your work in building the web page. I understand your vision, and the structure is well put together. However, some details like text size and margins can be improved. Adjusting these aspects is important for a better user experience and is part of your learning journey.
Keep practicing, as you are just a few details away from a complete solution. Refining these points will be crucial for your development as a programmer. Keep up the good work!
Marked as helpful