Clay• 360
@claystuart
Submitted
P
Mckaay
@Mckaay
All comments
- Rafi Rachmawan• 130
@rafirachmawan
Submitted
What are you most proud of, and what would you do differently next time?
There is nothing I am proud of, and there are still many shortcomings in this project. Maybe another time I will deepen my knowledge about layout.
What challenges did you encounter, and how did you overcome them?
The challenge I faced here was the different layouts of each card, and the way to overcome this was to add Tailwind because there might be a lot of Tailwind documentation that makes it easier.
What specific areas of your project would you like help with?
in terms of layout perhaps, because I worked on this project for a long time to determine the layout of each card
Looks ok to me!
Marked as helpful
0 - Jorge• 110
@f-avalos
Submitted
What are you most proud of, and what would you do differently next time?
I would like to distribute the cards in a more efficient way.
What challenges did you encounter, and how did you overcome them?
A particular challenge was designing the cards and managing their adaptive design depending on the screen resolution on which the site is displayed. To solve this I had to use Media Queries to establish in which resolutions to make changes to the properties of the cards.
I found it hard to do the desktop design with flex. Its much easier using grid and an opportunity to learn if at least for me. Overall looks good!
0 What are you most proud of, and what would you do differently next time?
Use of flexbox in order to easily make the layout shift from vertical to horizontal as the browser size increases (to a desktop view).
What challenges did you encounter, and how did you overcome them?
It was difficult initially to create the switch to a desktop view (horizontal) after initially designing mobile first. However, once I was able to make the content wrap and adjust the margins, it met the design.
What specific areas of your project would you like help with?
Feedback on the media queries used in order to make this responsive. Should it be done in this way?
Hi,
In your solution the flex items are not same width. On the design they have equal width, I dont know if u used the correct image for desktop. On the second price I dont see line through as text decoration and Im also not sure if it should be aligned vertically in the middle.
Greetings!
0- David Jonah S.• 60
@TheNewbie-Coder
Submitted
What are you most proud of, and what would you do differently next time?
I was able to tackle a few new concepts such as markers for individually highlighting bulletpoints (ul/ol) without affecting the following texts, how to use ::root and var() element for custom fonts/colors from the design file, and finally how to create a table within html.
Slow and steady but practice and engaging with the community is what made me learn more than the tutorials i've watched.
What challenges did you encounter, and how did you overcome them?
I initially hit a stump when it came to constructing the table in the last bit and i thought i was supposed to use grid display and then i realised would be easier and logical to just create a table (used chatgpt to learn that).
What specific areas of your project would you like help with?
I feel my code is too long winded and i still haven't got the hang of using comments in my code? do you think it's best to start practicing that now or i shouldn't worry about it?
Nice
1 - Naveen Prasad• 140
@naveenprasad07
Submitted
Well structured
0 - andevlima• 20
@andevlima
Submitted
What are you most proud of, and what would you do differently next time?
I'm very proud of now being able to know how the flexbox basicly works, which was too difficult in the first challenge. I was studing more about this, and now I am much better.
What challenges did you encounter, and how did you overcome them?
Some issues with overflowing boxes, but I could overcome this just pausing and observing where was the wrong code.
What specific areas of your project would you like help with?
I want to know a 'automatic' or very easy way to position any object/element using the flexbox instead of grid (if there is a way to do so).
Mobile design scales badly.
0 - Aeroth87• 10
@Aeroth87
Submitted
Ok
0
