naufaluqh• 90
@naufaluqh
Submitted
jpcardozx
@jpcardozx
All comments
- jpcardozx• 100
@jpcardozx
Posted
Your project is visually impressive with a clean design and excellent choice of colors and typography. The functionality is well-implemented, featuring smooth interactions and good responsiveness across different screen sizes. However, I noticed that performance could be improved, particularly with image loading. Considering optimization and lazy loading of images could enhance the user experience.
Additionally, reviewing your CSS to eliminate redundancies and improve efficiency might result in faster loading times and more maintainable code. Overall, you've done a great job, and with a few improvements, your project could stand out even more.
0 - Konrad• 370
@konradbaczyk
Submitted
jpcardozx• 100@jpcardozx
Posted
The way you integrated the decorative line with the container to create a quarter-circle effect at the edges is quite impressive. It adds a unique and polished touch to the overall design, showing your attention to detail and creativity.
Your approach to overcoming the challenges with alignment and spacing was smart. Experimenting with border-radius and using negative margins showcased your problem-solving skills. The end result is visually appealing and demonstrates a solid understanding of CSS.
To further improve, I suggest focusing on enhancing the responsiveness of the layout, especially for mobile devices, and looking into best practices for accessibility. Overall, great job on this project—your creativity and technical skills really shine through!
1 - jpcardozx• 100
@jpcardozx
Posted
Seu projeto destaca-se pela sua clareza e eficiência no uso de HTML e CSS para criar um componente de pré-visualização de produto bem estruturado. A organização dos elementos dentro da card é intuitiva e o design é visualmente atraente, oferecendo uma experiência de usuário agradável. O layout está bem alinhado com os objetivos propostos, e a aplicação das propriedades CSS, como a tipografia e o esquema de cores, contribui para um resultado final coeso e elegante.
Para aprimorar ainda mais o projeto, sugiro que você revise a abordagem utilizada para garantir a responsividade. Talvez explorar técnicas adicionais de design responsivo, como media queries mais específicas ou ajustes no fluxo do layout, possa oferecer uma solução mais fluida em diferentes tamanhos de tela.
Além disso, seria interessante avaliar a eficiência do código CSS, procurando maneiras de otimizar e simplificar as regras para melhorar a manutenção e o desempenho. Considerar a implementação de melhorias em acessibilidade, como fornecer suporte adequado para leitores de tela e garantir a navegação por teclado, também pode elevar o nível do seu projeto, tornando-o mais inclusivo.
0 What are you most proud of, and what would you do differently next time?
I'm proud of completing this challenge. Even though it seemed difficult when doing the responsive part, it turned out, with the good approach or workflow (mobile-first), this challenge could be easily tackled.
What challenges did you encounter, and how did you overcome them?
I encounter the challenges related styling Ordered and Unordered lists. Because, in CSS not that much properties you could work on. These are mainly padding for spacing between circle (or number in case ordered list) and main text.
What specific areas of your project would you like help with?
Project completed, I wouldn't add more
jpcardozx• 100@jpcardozx
Posted
I’m really impressed with your achievement in completing this challenge. Your success in tackling the responsive design aspect using a mobile-first approach is commendable. It’s clear that you’ve effectively managed to turn what seemed like a complex task into a streamlined process. Your ability to adapt and overcome the initial difficulties demonstrates a solid grasp of responsive design principles and a practical approach to problem-solving.
Regarding the challenges you faced with styling ordered and unordered lists, it's great that you’ve identified this area for further improvement. While CSS does have limitations on list styling, exploring additional techniques and properties could help you achieve more refined results. Even though you feel the project is complete, considering potential enhancements or new features in the future could offer opportunities for continued growth and refinement. Overall, you’ve done an excellent job, and I look forward to seeing how you apply these insights to future projects.
0- Jullyan• 50
@jullyanvpr
Submitted
What are you most proud of, and what would you do differently next time?
It was a nice way to come back to my studies.
What challenges did you encounter, and how did you overcome them?
The hardest part for me was organizing the tags in containers and using the a tags. I tried using the button tag first, but it didn't work out the way I wanted to.
jpcardozx• 100@jpcardozx
Posted
Hey, great job on your project! It's awesome to see you getting back into your studies and tackling these coding challenges. The layout looks neat, and your use of a tags for links instead of button tags shows you've got a good handle on keeping things accessible and well-structured. It’s those little details that make a big difference!
I really liked reading about the challenges you faced, especially with organizing tags and figuring out the right elements to use. It's always tricky at first, but you've learned a lot by figuring out what works best. Keep at it, and don't be afraid to experiment—each time you push through a challenge, you're getting stronger as a developer. Great work, and keep it up!
Marked as helpful
1 - samir-Deve• 350
@samir-Deve
Submitted
What are you most proud of, and what would you do differently next time?
Nothing to be proud of !
What challenges did you encounter, and how did you overcome them?
I faced bit difficulty while setting the width of the container
What specific areas of your project would you like help with?
Help not needed !!!
jpcardozx• 100@jpcardozx
Posted
This "Blog Preview Card" project is really impressive! The design is clean and modern, with a layout that makes everything easy to read and navigate. The choice of fonts and colors adds a nice touch, giving it a fresh and professional vibe. It's great to see how well the card works across different devices too, showing your strong grasp of responsive design. Overall, it’s a fantastic project that really highlights your skills and creativity. Awesome work!
0 - Akshay minz• 320
@AkshayV30
Submitted
jpcardozx• 100@jpcardozx
Posted
The solution effectively uses semantic HTML elements like <header>, <main>, and <footer>, which enhances structure and accessibility. While the code is generally accessible, improvements could include adding descriptive alt attributes for images and ensuring all interactive elements are keyboard accessible. ARIA landmarks and roles could further improve navigation for screen readers.
The layout is responsive and maintains visual consistency across different screen sizes, thanks to CSS Flexbox. The code is well-structured and readable, but adopting a modular CSS approach or using a preprocessor could enhance reusability. Overall, the implementation aligns well with the design specifications, with no significant deviations. Further testing and refinements may be necessary to perfect the design and functionality.
0
