@Belamana-Harshitha
What are you most proud of, and what would you do differently next time?
using js
What specific areas of your project would you like help with?With js as when Im hovering above the share button its not showing the other icons
h3cat3
@h3cat3All comments
- @h3cat3
Well done for your work so far. I was having a look at your project and this is what I found so far. The syntax for onclick event should be something like onclick="myFunction()" then I looked for your scripts.js and I couldn't find it.
- @JJ-codes-9What are you most proud of, and what would you do differently next time?
I’m most proud of how the overall layout and styling came together, particularly the clean and visually appealing design. It feels rewarding to see the responsiveness on larger screens working as intended. Next time, I would focus more on planning the interactive elements in advance and testing them on various devices early in the process. I also want to explore using CSS animations or transitions to enhance the user experience further.
What challenges did you encounter, and how did you overcome them?The biggest challenge was figuring out how to create the interaction that enables the popup to toggle when clicked. It required a good understanding of JavaScript and how to manipulate the DOM dynamically. Another challenge was making the layout responsive, especially ensuring the elements align properly in mobile view. I tackled these by breaking the problems into smaller steps—debugging and testing the popup logic separately before integrating it—and refining the CSS media queries for better responsiveness.
What specific areas of your project would you like help with?Currently, the popup doesn’t work in mobile view, and I couldn’t figure out why. I suspect it might be an issue with how the JavaScript interacts with the layout in the smaller viewport. I’ll continue to troubleshoot this, but I’m open to suggestions from the community on how to resolve it or improve the way I’ve structured the interactive elements. Additionally, any tips on optimizing the layout further for mobile users would be greatly appreciated!
@h3cat3You have done a great work. I've done a quick investigation using my browser's developer tool, it looks like your popup does work in mobile view, but because of the position: relative; top: 12rem; is showing somewhere outside of the scrin area.
Marked as helpful - @waldekglaz@h3cat3
nice done
- @PsalmorgWhat challenges did you encounter, and how did you overcome them?
I encounter a little difficulty in positioning of the
What specific areas of your project would you like help with?big-quotation.svgfile. And i checked one of the submitted challenge to that done.- CSS
gridand it properties
@h3cat3Nice project, well done!!
- CSS
- @sing12578@h3cat3
really nice done, easy to read
- @rocambilleWhat are you most proud of, and what would you do differently next time?
I tried some features I never used before, maybe in a wrong way so feel free to share any advice :)
What challenges did you encounter, and how did you overcome them?First time I give a try to responsive images with srcset and relative colors in CSS for hover effect. I spend some nice time reading the doc
What specific areas of your project would you like help with?Every feedback is welcome, in particular regarding accessibility. Also I would like to discuss alternative approaches for semantic
@h3cat3Well done this is a good beginning, I really like your idea of using grid template for large screens. For making your code easier to read I personally like having the styles in a differnt stylesheet
- @bzardi478@h3cat3
I think you did a really good job, your code is simple and easy to read. I like how you used <a> tag for links
- @atsutsutsu@h3cat3
I couldn't access your code
- @mg-e@h3cat3
Great solution
