@JLizcano10
@nco0305
Submitted
What are you most proud of, and what would you do differently next time?
The way how it turned out
What challenges did you encounter, and how did you overcome them?
I could not use and centre the flex box, so I tried the grid as an alternative.
What specific areas of your project would you like help with?
Any other alternative ways to create the same component? I can't figure out why the image shows broken in GitHub live page link.
@JLizcano10
Posted
Hello, the QR image is not displaying because web servers are usually case sensitive. Currently, you are using a lowercase “i” in the image font:
<img src=“images/image-qr-code.png” />However, the repository folder is named Images with an uppercase “I”. To fix the problem, you can either rename the folder to images or update the image source path in your code to:
<img src=“Images/image-qr-code.png” />This should solve the problem.
Marked as helpful
@matt2282
Submitted
What are you most proud of, and what would you do differently next time?
I usually do the mobile design first, but I did the desktop design first this time because it was more complex. The mobile mostly fell into place with ease by simply changing from grid to flexbox.
What challenges did you encounter, and how did you overcome them?
I was lost on how to create the grid layout so I used an online grid generator to get the layout how it is on the site. While I did copy the code from the generator I do now understand how it works and I could do something similar again without it now.
What specific areas of your project would you like help with?
When I set the height of the grid container it completely shifts the entire container down making it off-center. Not sure why it is doing this.
@JLizcano10
Posted
I can only say that in the html you could avoid using so many div elements and improve the semantics of the cards with an ul tag. Otherwise everything excellent!!.
@muriloviscondi
Submitted
@JLizcano10
Posted
Excellent!!!
@Yashi-Singh-1
Submitted
What are you most proud of, and what would you do differently next time?
I’m proud of the responsive design and consistent styling achieved in this project. Next time, I’d focus on adding advanced CSS animations and incorporating JavaScript for enhanced interactivity.
What specific areas of your project would you like help with?
I’d appreciate help with advanced CSS animations, JavaScript integration, and performance optimization.
@JLizcano10
Posted
Excellent!!! I could only tell you not to forget the recommendations for responsive images and practice how to use the picture tag.
Marked as helpful
@CecDorWEB
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud because I learned to styling bulleted list.
What challenges did you encounter, and how did you overcome them?
I still have difficulty programming the tightening (clamp) settings for the width.
@JLizcano10
Posted
Excelent solution :)
@vgt3j4d4
Submitted
@JLizcano10
Posted
All spectacular and matches the design. The only thing to correct would be that the card is always centered at any breakpoint of the responsive.
Marked as helpful
