how can i make the 4 cards smaller in width,similar to the design?whenever i use the grid template column for it it just wasnt doing what i intended it to do. any help is greatly appreciated
any feedback is most welcome,so pls go thru my code and let me know any changes that i should make.
this time i need feedbacks the most. pls make some time and review my code and tell me all the areas i made mistakes in.
pls review my code if you happen to have some spare time and point out any mistakes or useless pieces of codes. I really look forward to feedbacks,negative and positive both :)
Pls review my code if you happen to have some spare time and point out any mistakes or useless pieces of code. I really look forward to feedbacks,negative or positive :)
I completed this challenge by learning flexbox in depth
What challenges did you encounter, and how did you overcome them?writing responsive code using flex
What specific areas of your project would you like help with?For iphoneSE device the second card image goes outside the card, can anyone help me to fix it?
the image in the second could be going oustide the card because of the margin. the text content in the second card is more than the first card hence forcing the image out of the container.
this looks so close to the design, if you center it vertically it should look even better!
the alignment of the bullets with the heading tag...overcame it by applying the styling to the 'ol'/ 'ul' tag. the nutrition section of the recipe card...read another developer's solutions, realized I could table and its related tags.
What specific areas of your project would you like help with?The nutrition section a border-bottom for the last 'tr' tag. I created a '.tr' class just to not apply the border-bottom
i suggest using rem and vh vw instead of px. Also, my site looks so similar to yours
just work on the height a little bit,the rest is fine
overall,it looks good
the container needs to be a bit larger.Also the background colour is not correct.other than that everything looks good
