@abdelrhmanKhSubmitted 3 months ago
Mitchell Quevedo
@MitchellQuevedoAll comments
- @abdelrhmanKhSubmitted 3 months ago@MitchellQuevedoPosted 3 months ago
Wow, you´re good! Why did you wrapped the <a> elements whithin <span> elements 🤔?
0 - @Papi84Submitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I’m most proud of how I implemented the design and user experience aspects of the project. Next time, I would focus more on optimizing the performance and loading times. Although the project functions well, I realized that certain elements could be streamlined or made more efficient. I would also conduct more thorough user testing to identify and address usability issues earlier in the development process.
What challenges did you encounter, and how did you overcome them?Challenges Encountered:
- faced challenges with slow page load times due to unoptimized images and heavy scripts. To overcome this, I implemented image compression and asynchronous loading for scripts, which significantly improved performance.
2.Cross-Browser Compatibility Ensuring consistent appearance and functionality across different browsers was tricky. I tackled this by using CSS resets and testing extensively on multiple browsers, making adjustments as needed.
- Responsive Design: Achieving a responsive layout that worked well on both mobile and desktop devices required numerous tweaks. I addressed this by using flexible grid systems and media queries to adapt the design to various screen sizes.
How I Overcame Them:
- For Performance Issues: I used tools like Google PageSpeed Insights to identify bottlenecks and applied their recommendations.
- For Cross-Browser Compatibility: I used browser developer tools to debug issues and leveraged browser-specific prefixes and fallbacks.
- For Responsive Design: I employed a mobile-first approach and utilized frameworks like Bootstrap to streamline the responsive design process.
Each challenge provided valuable learning experiences that helped refine my problem-solving skills and improve the overall quality of the project.
What specific areas of your project would you like help with?Well, I still have a long way to go, but I am dedicating my time to overcoming all challenges. I mostly need help with linking HTML to CSS, and I am learning how to address that issue.
@MitchellQuevedoPosted 3 months agoHi! Looks good! Why are you having loading problems? it´s a simple project.
I think it would be handy to use flexbox in #preview-card-container so it gets easier to display the content inside. Padding issues would be easier to manage too!
#preview-card-container { display: flex; flex-direction: column; }
0 - @WhyEmBeeSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
i'm proud that i learned more about css now i'll learn about css animation because it seems fun,next time i'll try to do it without googling anything xd
What challenges did you encounter, and how did you overcome them?i had some trouble with padding and margin but could solve it easily
What specific areas of your project would you like help with?css flex box
@MitchellQuevedoPosted 3 months agoHi, that was a Good job!
It is a Good practice to implement semantic HTML, including <nav>, <main>, or <footer> landmarks could be a good idea even if the proyect is small.
Also using this in your <body> could help you keep the container in the middle: "display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto;"
Regards!
1
