@arnavankush30
Latest solutions
Recipe Article
Submitted about 1 year agoAfter deploying to github pages to first time, I fixed the spacing for some of the headings. It's not reflecting after subsequent deployments and I'm not sure why.
Latest comments
- @walkerbb216
For the prices, you can get rid of justify-content: center and just the gap property to create spacing between them. This way it's still aligned to the left like everything else. You can also use the gap property on the button icon and text. For 'Perfume', margin-top / margin-bottom would be better so it's not out of alignment with the rest of the content. Setting the image's width to 100% and the height to auto will allow it to fit into the outter card div's size and you can add padding to the content without messing anything up.
Marked as helpful - @tybaglueWhat are you most proud of, and what would you do differently next time?
Was able to figure out most of the items without having to watch a tutorial walk-through
What challenges did you encounter, and how did you overcome them?Styling the lists bullets and tables were difficult. Searched for answers online.
What specific areas of your project would you like help with?Am unable to align the numbered items in the "instructions" section properly. Also the lines in the table are broken, would like to know how to fix these.
@walkerbb216table styling is a little tricky, this is what I did for the table borders tr:not(:last-child){ border-bottom: 1px solid hsl(30, 18%, 87%); }
For list numbers and bullet points, you can use the ::marker selector to style them.
- @TPAIN22What are you most proud of, and what would you do differently next time?
a
What challenges did you encounter, and how did you overcome them?b
What specific areas of your project would you like help with?c
@walkerbb216Looks good! Maybe just add more contrast between the button color and the card's background color to prevent eye-strain.
- @mfsantoszWhat are you most proud of, and what would you do differently next time?
I'm proud that I managed to do everything right, but i would do with some framework
What challenges did you encounter, and how did you overcome them?Align the elements. I searched for more information on the internet
What specific areas of your project would you like help with?At the moment none
@walkerbb216Looks good, it just needs the line height on the paragraph and maybe a little more vertical spacing.
- @kimkawachiWhat are you most proud of, and what would you do differently next time?
As a total beginner, starting to link knowledge and understanding of various software and tools while practicing code is rewarding. Following through was quite an achievement.
What challenges did you encounter, and how did you overcome them?Understanding Github to make things work was a challenge having no previuos knowledge of using such programmes.
What specific areas of your project would you like help with?looking forward for the next challenge.
@walkerbb216To completely center the card something like: position: absolute; top: 0; bottom: 0; left: 0; right: 0; is better so it doesn't shift from the center when the window is resized.
Marked as helpful
