Latest solutions
- Submitted 27 days ago
Article Preview Responsive
- HTML
- CSS
- JS
I want to know the best way to make sure a certain visual detail doesn't exist at the screen size not intended for it. I get the feeling that I may have read the instructions too hastily.
The active state (on hover or on click?)
Latest comments
- @weslei573Submitted 25 days ago
- @bmeinert8Submitted 27 days agoWhat are you most proud of, and what would you do differently next time?
I'm proud of being able to finish the project, using my resources to solve challenges I faced in the build, and overall turn out of the project.
What challenges did you encounter, and how did you overcome them?The biggest challenge I faced was the displaying of the container when the functionality of the button was clicked to look proper on the mobile, tablet, and desktop displays. Another challenge that I had trouble with, and yet to solve is that on the tablet and desktop layout I was unable to figure out how to get the button to change colors to the darker variant with the white icon like I have in the mobile share. I went through a couple ideas but could never get it to properly work. Typing this out another idea I have is to just implement a second button that would be hidden and displayed when the share container is toggled, but seems there could be a more efficent option to go with. I'm open to any suggestions anyone has on this issue.
What specific areas of your project would you like help with?Another challenge that I had trouble with, and yet to solve is that on the tablet and desktop layout I was unable to figure out how to get the button to change colors to the darker variant with the white icon like I have in the mobile share. I went through a couple ideas but could never get it to properly work. Typing this out another idea I have is to just implement a second button that would be hidden and displayed when the share container is toggled, but seems there could be a more efficient option to go with. I'm open to any suggestions anyone has on this issue.
@MickeyObasPosted 27 days agoThis is without a doubt the best submission I've seen so far on this platform, and I'm not even just saying that. I'll definitely be learning from this. Great job!
0 - P@emawidSubmitted about 1 month ago@MickeyObasPosted 29 days ago
Very well-structured code and design. I learnt quite a bit from your code. Great job!
0 - P@bmschwartzSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
Most proud of dipping my toes into the world of CSS grid
What challenges did you encounter, and how did you overcome them?Getting Grid to work was difficult, especially moving between the three widths. It was definitely a learning experience
What specific areas of your project would you like help with?Review the CSS grid code and let me know what improvements I can make
- @soniya-sopintiSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
What I'm Most Proud Of: I'm proud of the responsive design implementation, ensuring the product preview card looks great on both mobile and desktop screens. The smooth hover effects on the cart button add an interactive touch, enhancing the user experience.
What I Would Do Differently Next Time: Next time, I would optimize the CSS by reducing repetitive code, possibly using CSS variables for colors to improve maintainability. Additionally, I’d consider enhancing accessibility features, like adding focus states for better keyboard navigation.
What challenges did you encounter, and how did you overcome them?Honestly i did not encounter any challenges ..
What specific areas of your project would you like help with?I'd like feedback on optimizing the CSS for better responsiveness and suggestions to enhance the overall design and user experience.
- @jessiepsxSubmitted 2 months ago