@Kansoldev
@NF0mar
Submitted
What are you most proud of, and what would you do differently next time?
I am proud that i am doing much better than before. I used to hate css but now i am loving it day by day by practising.
What challenges did you encounter, and how did you overcome them?
The challenge i encountered is that my solution was not responsive and still is not.
What specific areas of your project would you like help with?
Kindly help me with grid and responsive.
@Kansoldev
Posted
Hi Nur Farah Omar, I think one of the reasons your solution might not be responsive is because you might not have added
<meta name="viewport" content="width=device-width, initial-scale=1.0"> in your head tag, let me know if that helps, also check if you are using width instead of max-width for the container
@code-looney
Submitted
What are you most proud of, and what would you do differently next time?
I build this project with almost no help from online sources and also I manage to make the graph bars dynamic.
What challenges did you encounter, and how did you overcome them?
I had some issues with selecting the bars index but I figure it out with a little help from online sources.
@Kansoldev
Posted
Hi @code-looney, I like your solution, it's really slick and nice, I am looking at also taking a trial at this challenge, though I haven't worked with chartJS before, I would like to know what you learnt from building this challenge
@Raphaelavazq
Submitted
What are you most proud of, and what would you do differently next time?
While working on this project, I significantly improved my understanding of responsive design, especially using Flexbox.
This project also reinforced the importance of mobile-first design and how to effectively use media queries to adapt the layout for larger screens.
What challenges did you encounter, and how did you overcome them?
was more difficult to understand media queries
What specific areas of your project would you like help with?
I had some issues with my GitHub Pages site because my CSS seems to not be applied . I got a solution using cloudflare
@Kansoldev
Posted
Hi there Raphael, don't know if you would still like to get help concerning Github pages not working for you. I might be able to help you
@FevenSeyfu
Submitted
What challenges did you encounter, and how did you overcome them?
The challenge I have faced was vite not loading svg images after some trials by setting up vite.config to include svg in assets and moving images to public which did not work fully I have used typescript to set the src of images.
@Kansoldev
Posted
Hey there Feven, I wanted to help point out some issues for you. I noticed that when you submit the form the first time after validating the email address, it goes to the next page quite alright, but when you click dismiss and return back to the homepage, and click that submit button again without entering anything into the form, it will work which is wrong
I am also currently doing this challenge and I figured that this happens because you are not reseting the form when it gets submitted successfully, so you may want to do that.
Also, you might want to check the second UI that shows after you submit the form, as it's not properly aligned on mobile. Hope this helps, wish you the best.
Marked as helpful
@phonkytoast
Submitted
how do I improve more?
@Kansoldev
Posted
Hey there @phonkytoast, your bottom left and right border radius on your image are not the same with the top left and right
Also, you don't need to do so much styling, as the browser is responsive for mobile by default, so maybe you can find a better way of styling the QR component without using position absolute. Again, you should wrap your entire container inside a <main> element because it helps to add semantic meaning to your page, indicating to screen readers and web crawlers where they can find the main content of your webpage, which in this case is your .card class
Instead of also using an <h5>, use an <h2>, you have to go from <h1> - <h6>, rather than just choosing anyone at random, using an <h2> in this case is better since it would b the second heading. This are just my 2 cents, anyone can have a better opinion
Marked as helpful
