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
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.
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!
You 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.
I encounter a little difficulty in positioning of the big-quotation.svg file. And i checked one of the submitted challenge to that done.
grid and it propertiesI 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
Well 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
