Generalissimo• 110
@General4904
Submitted
What challenges did you encounter, and how did you overcome them?
Deploying the site
What specific areas of your project would you like help with?
Site publishing
Teboho Mokgosi
@SirTebz
All comments
- Teboho Mokgosi• 120
@SirTebz
Posted
Great design implementation. For site publishing consider the guidelines when submitting, additionally, in your GitHub repo navigate to Settings, then Pages, under Branch, select your branch and save, give it a minute it should be up and give you a link. All of them once you have published your material in GitHub.
0 - Aleksei Bodeev• 370
@alekseibodeev
Submitted
What challenges did you encounter, and how did you overcome them?
Styling card color markers was a bit tricky. I handle that by using
::beforepseudo-element and "inheriting" size and border-radius from parent element. I also use CSS variables here for easier customization from top level elements.What specific areas of your project would you like help with?
I would appreciate any feedback on HTML semantic improvements and CSS optimization. Any naming suggestions will also be helpful 😊
Teboho Mokgosi• 120@SirTebz
Posted
Great design and implementation, similar to the design
0 - Carlos Al• 160
@crsaele
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of successfully completing the Product Preview Component challenge, which was made possible thanks to the guidance and resources provided by Front-end Mentor.
What challenges did you encounter, and how did you overcome them?
During the development process, I encountered a few challenges that tested my problem-solving skills. One of the main hurdles was achieving the desired layout and spacing between elements, particularly when it came to aligning the product image, title, and description. To overcome this, I relied on the design specifications provided and carefully examined the spacing and margins used in the reference image. I also utilized the browser's developer tools to inspect and adjust the component's layout in real-time, ensuring that it closely matched the design.
What specific areas of your project would you like help with?
I would love to receive suggestions on how to improve the accessibility of the component.
I am also interested in learning more about best practices for structuring and organizing CSS code, as I feel that my current approach could be optimized for better maintainability and scalability.
Teboho Mokgosi• 120@SirTebz
Posted
Great solution, perfectly executed!
1 - Synchronize• 100
@TheCookieNoid
Submitted
Teboho Mokgosi• 120@SirTebz
Posted
Great solution, really inspired by the way it came out.
0 - Ahmed Bouhrira• 80
@Ahmed-Bouhrira
Submitted
Teboho Mokgosi• 120@SirTebz
Posted
Overall, the project demonstrates a solid understanding of front-end development principles with good use of semantic HTML, enhancing readability and accessibility. The layout is responsive across various screen sizes. The code is well-structured, readable, and reusable. The solution closely follows the design, and I can't find any major faults.
Marked as helpful
0 - Achmad Anwar Asyirri• 100
@asyirri
Submitted
What are you most proud of, and what would you do differently next time?
Im able to do this just with myself is impressive. and i want to try something different like using tools to or plugin to improve my coding experiences.
What challenges did you encounter, and how did you overcome them?
In this challange. i already encounter with pseudo element like hover. i think i just read a bit of documentation and somehow it works.
What specific areas of your project would you like help with?
Its always with responsive design at different devices and different display.
Teboho Mokgosi• 120@SirTebz
Posted
The project effectively uses semantic HTML and demonstrates a good understanding of front-end principles. There is accessibility and the layout is responsive. The code is well-structured and readable, enhancing reusability.
0 - YunggBladez• 50
@YunggBladez
Submitted
Teboho Mokgosi• 120@SirTebz
Posted
The solution effectively uses semantic HTML and demonstrates a good understanding of front-end principles. The layout is mostly responsive and meets the requirements. The code is well-structured and readable, enhancing reusability. From here on this is a great foundation for more challenging projects
Marked as helpful
0
