@Mohamed-Badr-Saad
Latest solutions
Social Links Profile
#jest#react#sass/scss#viteSubmitted about 1 year agoMaybe how to make it more semantic.
Blog Preview Card
#react#sass/scss#vite#jestSubmitted about 1 year agoMaybe how can I write my code more semantic.
Latest comments
- @asdiAdi
Nice!
- @hartselwynWhat are you most proud of, and what would you do differently next time?
Mostly proud of the layout of each box which was possible thanks to CSS grid!
What challenges did you encounter, and how did you overcome them?Positioning the boxes posed as a difficult challenge
@asdiAdiNice!
- @Iron-MichaelWhat are you most proud of, and what would you do differently next time?
i think i'm better to write it by using div and media query
What challenges did you encounter, and how did you overcome them?the hard part it's try to tranfomation moblie to desktop mode that make everything ruined
What specific areas of your project would you like help with?how can i make code simple as possible i think want clean more
- P@fringe4lifeWhat are you most proud of, and what would you do differently next time?
I am most proud of reasonably effectively getting information out of Figma in a more organised way. Checking the spacing and in this case decided to experiment with some utility classes for the spacing as the same basic spacing was used throughout.
Next time instead of simply magic numbering the spacing for the lists and the ::marker(s) I would prefer to have used the ::before pseudo element but for whatever reason I have always had a tough time using them.
Also as I in miniature made my own small utility class system it would almost be better to just go all in on utility classes vs mixing different styles of CSS together. Though, ultimately I guess i'll just learn tailwindcss v4...
What challenges did you encounter, and how did you overcome them?I am not sure that ultimately this was super challenging. Though when I get to the next page and see the snapshot, I suppose i'll find out :)
Styling the table of calories etc I made overly complex using Flexbox I think 4 times, instead of just named grid areas.
What specific areas of your project would you like help with?If you are an experienced Git user I would really appreciate feedback on my use of git issues and/or commits. As I really tried to prioritise clean commits, but some really weren't.
I broke my CSS file up into multiple different files and would appreciate feedback as to how easy to grasp this is and whether I could improve this structure as I think it could be improved.
@asdiAdiYou can center the recipe block by adding flex css properties on its parent.
- @benhyhWhat specific areas of your project would you like help with?
The link only works when the user cursor is directly on the anchor tags of the link. In other words, if users hover somewhere else in the social links container, the link will not work.
@asdiAdiReally well done!
- @aditt0077@asdiAdi
This is really well done, I guess the only thing you missed is to change the color of the description into grey.
