Latest solutions
QR Code Component using CSS custom properties
Submitted 4 months agoI struggled with file paths as my image was breaking. When I finally figured out how to fix the file paths and get my image to view on the local file, that boosted my confidence even further. However, once, I deployed the solution, the image was still breaking, I'm yet to figure out how to solve that one.
What can I do to stop my image from breaking once it's been deployed? The file path issue was fixed for the image to be visible on the local file, but how can I fix it so the image is visible on the live site?
Latest comments
- @Winnie139@dineo-matla
You should use the font "Outfit" for the main text and the text "Young Serif" for the headings. Also, check the use of font colours as well. Otherwise, its not bad at all.
- P@hairamaWhat are you most proud of, and what would you do differently next time?
I think I got the submission pretty close to the design. Figuring out how to provide a custom mouse cursor.
What challenges did you encounter, and how did you overcome them?Animating the links to match the Figma prototype, overcame with research.
What specific areas of your project would you like help with?- Not sure if my semantic HTML is correct
- The links change colors on hover, but when navigating with the keyboard only the text is selected. I'm guessing I should have only used <a> and not placed them inside <li> elements.
@dineo-matlaPretty neat, and impressive work on getting it to match perfectly to the solution
- @Bloxer58What are you most proud of, and what would you do differently next time?
I'm satisfied that I learned how to use :hover in practical use.
@dineo-matlaThis is pretty impressive, especially cause you managed to get the layout as close to the solution as possible.
- @FoxiSouthSide@dineo-matla
Great job on this project! Your code is well-structured, and the functionality works smoothly. The styling choices and responsiveness also add a polished feel to the project.
The only area that needs adjustment is the layout—it should match the preview more closely. Once that’s refined, the project will look even more professional and aligned with the intended design.
Overall, this is a solid project with great attention to detail. Keep up the great work! 🚀