would use more modern technologies
What challenges did you encounter, and how did you overcome them?lack of a layout, everything had to be done similar, but not exactly
What specific areas of your project would you like help with?not in any
Proud of getting it done finally
What challenges did you encounter, and how did you overcome them?Could not figure out the pop up box to save my life
What specific areas of your project would you like help with?JavaScript
instead of directly using <img> tag on the share icon, could possibly try to use <svg> tag. this way you can adjust the property (background-color, fill, etc..) as you like.
i think media query's breakpoint could be better. Just before things get ugly, grid position can be changed already. And try to use <p>, <h1> and etc.. for better accessibility instead of using div for everything. And also a lot of redundant code. For example, i think there is no need to set font-size to 16px since browser's default-size is already at 16px. And you are just going to override the person's browser setting which is bad because if a person maybe have difficulties in seeing small font, and they are setting their browser's to become big then you reset it again to become small. And also can try to learn use other unit (em, rem and etc...) for font-size for more responsiveness. Overall, not bad but could be more better. Keep going!!
The fact that I used grid for this project makes me proud, I have always avoided the use of grid wherever possible but for this project, I broke my bottleneck.
What challenges did you encounter, and how did you overcome them?I faced challenges in making my left and right card centered on the desktop but with the help of google, I was able to get a simple method of solving the problem.
What specific areas of your project would you like help with?I have been making progress regarding less code when necessary and there has been improvement, but I would love to make more progress regarding it whereby I do not have to write redundant codes.
I think would look better by setting a consistent width across all your card. Keep up the good work!
Learning how to use background image and start using rem for font
When it comes to image i don't know how to make it change when get to breakpoint but i discover background image thing so that's it problem solve
What specific areas of your project would you like help with?I don't know why when i deployed my website on GitHub pages the image didn't appear but if i open it locally it appear. If anyone know how to fix please help.
nice work. not really sure why but maybe can try if remove the "/" infront to see if it works.
background-image: url('/images/image-product-mobile.jpg');
to
background-image: url('images/image-product-mobile.jpg');
i think for your photo, you can write "object-fit: cover" so that your photo will not be compressed. This is ensure your circle are perfectly round and photo fit nicely into the frame. Nice work btw and KEEP CODING!
.dp{ height: 400px; width: 400px; object-fit: cover; }
from next time onwards i will start doing challenges with react framework.
What challenges did you encounter, and how did you overcome them?This time i faced no challenges.
What specific areas of your project would you like help with?applying fonts and changing their default style.
im getting in the habit of setting up utility classes and variables and i did an ok job setting that up first. this didnt take me long
What challenges did you encounter, and how did you overcome them?nothing in particular.
What specific areas of your project would you like help with?none
