Bigman004• 50
@Bigman004
Submitted
Andres Lamar
@AndresLamar
All comments
- Andres Lamar• 150
@AndresLamar
Posted
Great solution, i like the contrast you do with the colors
0 - MikDra1• 6,860
@MikDra1
Submitted
Andres Lamar• 150@AndresLamar
Posted
Amazing solution
0 - Israel Andreotti• 250
@Israel-Andreotti
Submitted
What are you most proud of, and what would you do differently next time?
I really learned a lot about display grid and it's properties. I really liked working with it.
What challenges did you encounter, and how did you overcome them?
OK, I need to admit it, I was really difficult form me to this on my own, I had to ask for help and some tips on how doing the “share option” when you click on the share button. I also had a lot of trouble on changing the content of the mobile version. Although it was a really challenging project which make me kind of frustrated at some point, in the end it was nice to complete the challenge.
What specific areas of your project would you like help with?
I really need to learn more about CSS animations and stuff like that. That pop up that come when I click share in the desktop version was really difficult for me so, any help I'm thankful.
Andres Lamar• 150@AndresLamar
Posted
Wow! amazing solution, i´ll learn from you your animaltions, mine don´t result as good as yours.
Marked as helpful
0 - Master-X2000• 230
@Master-X2000
Submitted
What are you most proud of, and what would you do differently next time?
Been able to complete the challenge without anyone help
Andres Lamar• 150@AndresLamar
Posted
Well done !
0 - Yiorgos Bagakis• 150
@yiorgosbagakis
Submitted
What are you most proud of, and what would you do differently next time?
I used Tachyons on this for practicing even though I don't think it was worth it. I ended up using a lot of custom css classes
What challenges did you encounter, and how did you overcome them?
The layout is a bit unorthodox so I felt that it was tricky to recreate it.
What specific areas of your project would you like help with?
Choice of html tags and the choice of html structure.
Andres Lamar• 150@AndresLamar
Posted
Great solution, maybe you should consider doing it with grid too, that way you´ll practice and learn to make with both aproches, with flex and grid.
0 - P
@praditia
Submitted
Andres Lamar• 150@AndresLamar
Posted
Hey, hope you doing great! About your solution maybe you should improve your semantic and use less divs, i.e <main>, <footer>, but overall your solution is amazing!
0 What are you most proud of, and what would you do differently next time?
I am proud of my semantic html, involving researching the different elements and how they should be used, such as the section tags and also the article tag for the recipe.
I am also proud of my ability to make the design responsive, where it switches from the desktop/mobile view with the use of media queries.
I believe the end result is pretty good and matches the figma design.
What challenges did you encounter, and how did you overcome them?
I encountered challenges with the various padding and spacing within elements, such as between the bullet point on the lists and the list item, having to add classes in order to achieve the right spacing as per the figma file.
What specific areas of your project would you like help with?
I would like some feedback on both my semantic HTML and also the responsive element of my design. Should I be using pixels for media queries and have I done it in the right way? What other changes should I make to have this as responsive as possible?
Andres Lamar• 150@AndresLamar
Posted
Hey, everything seems good in terms of HTML semantic and responsiveness of your solution
0- Lalithanjali-16• 110
@Lalithanjali-16
Submitted
Andres Lamar• 150@AndresLamar
Posted
Amazing solution!
0 What are you most proud of, and what would you do differently next time?
Overall, I'm very pleased with how the project went. I'm most proud of the planning I put in before starting, in which I broke down the task into lots of small subtasks that I worked through. This really helped me focus on what needs to be done next and not on the whole project. What I will do differently next time is organize a little more and ensure I can access the information I need more quickly. I'm sure this will be refined over time.
What challenges did you encounter, and how did you overcome them?
The two main challenges for me were making the text reduce in size depending on the device (I used rem's in the end. I hope that is correct?) and the hover effect. After some research, both were much simpler to implement than expected. I also changed the cursor to a pointy finger on the hover. ;-)
What specific areas of your project would you like help with?
I feel like everything is okay, but I have been looking at this for too long. Please let me know if anyone sees something I have missed or that is incorrect. Thank you.
Andres Lamar• 150@AndresLamar
Posted
Hope you are doing great, your solution is so good, i think there is no need to change anything.
0- Bart• 10
@Bart963507
Submitted
What are you most proud of, and what would you do differently next time?
Getting the QR code in the right place in the flexbox
What challenges did you encounter, and how did you overcome them?
Trying to fit the flexbox to every screen. Fixed it by setting the pixels instead of it being flexible.
What specific areas of your project would you like help with?
Improving flexibility for every screensize. Formatting the text better
Andres Lamar• 150@AndresLamar
Posted
Hey! I hope you doing well!
Your solution seems very good, maybe you should review the padding and text-size of the description in the component.
0
