I'd like help with my styling, i'm sure there was a faster way to write my stylesheets (or a better) Perhaps I could've used container queries? Is this a good way to go?
I'd still like some help with making the boxes look more like boxes. I'd also like some help making the text fill up the space like it should on the right most box.
Writing the box shadows and how I can use pseudo elements like ::before for the box shadows
I'd like help with the alignment of the grid items for the images. Every time I tried to align the image it would either not take up the remaining grid space or not appear. I had to set its size manually and I don't know why it wouldn't work.
I would like help with the units that I used (percentages vh,vw etc) to make sure that i'm using the right units, I would also like to know why I struggled to center the content originally and how to get better at spacing the elements.
I still really struggle with font's/font sizes. I can't get how to make them accurate. I also don't understand how to eyeball pixel size and when to use what unit, although I suspect the latter is just practice.
I would do different the tablet version
What specific areas of your project would you like help with?I made a lot of errors but the overall solution looks decent
This is an amazing solution, well done. The animated fly-in's are awesome. Here's a few tips to improve:
Overall, this is an exemplary solution, well done.
An excellent attempt, here's how you can improve:
display: grid;
place-items: center;
To your body, it will also deal with centering your content.
It may be of interest to you but Kevin Powell has a good tutorial on this solution. Other than these minor things, you did an excellent job, well done. :)
Most proud of the fact that I completed this challenge in under an hour, although I was aiming for 30 minutes. My emmet usage and skills has improved significantly which pleases me and i'm nearly there on remembering how to use favicons
What specific areas of your project would you like help with?Writing the box shadows and how I can use pseudo elements like ::before for the box shadows
Can you please leave some useful feedback @AVARUSJOSE , I don't think you've understood the point of the site and the feedback function. Everytime you finish a challenge you're supposed to leave some constructive feedback about how the other person can improve instead of post good job etc so that you can move on in the learning paths.
An excellent attempt, well done. Here's how to improve your solution:
<div> such as <article> to improve semantics and accessibility.html,
body {
margin: 0;
width: 100%;
height: 100%;
display: grid;
place-items: center;
}
This also includes some resets that you should be performing
grid-template-areas: "one two three" "four five six"; then add grid-row: span 2; to your rows that need to span two or more rows and change the grid-area to be of this syntax grid-area: one / four;. This works as the text doesn't need to follow the same grid shape as the cards.Well done though, an excellent attempt :)
An excellent attempt, well done. Here's how you can do better:
display: flex; align-items: center; justify-content: center;
Your media query's are very well written, and the attempt extremely polished, well done :)
Eu me orgulho de conseguir ter feito de forma que ficasse igual/quase igual, e também por ter ficado bonito. Tentaria fazer de outras comidas e usar variedade de cores.
What challenges did you encounter, and how did you overcome them?Quase não encontrei desafio. Porem tive uma quebra de cabeça com umas das folhas de estilo que criei que estava atrapalhando a responsividade da página.
An excellent attempt, just a couple of small tweaks:
Other than that, well done
