I´m proud of the grid layout design made.
What challenges did you encounter, and how did you overcome them?The challenge that I found was to create a good grid layout.
What specific areas of your project would you like help with?It was a starter project, so I don't need an extra help in this moment.
Very nicely done congratulations! I see you weren't able to place the quotations image on the first card. I had the same problem, eventually I set it as a background image, with no repeat property, and used background-position to position it the right way. So I would suggest that.
This one was a fun one to build. I learned more about css and positioning of cards and columns
What challenges did you encounter, and how did you overcome them?I was constantly trying to get everything aligned properly and had to read a lot on column placement.
What specific areas of your project would you like help with?I just need more practice on placing cards within columns
Really nicely done. It appears that in the midst of reading about those columns you forgot to vertically center the entire thing, but it's probably a quick fix. Besides that looks great to me.
it was a good challenge
What challenges did you encounter, and how did you overcome them?centering the image! hahahaha
What specific areas of your project would you like help with?the shadow box thing
For the box-shadow I recommend watching Kevin Powell's videos on the topic, or if you prefer there are multiple box-shadow generator websites that can help you. Besides that your solutions seems pretty solid, besides some minor issues. The thing that I would pay more attention to would be more semantic HTML, that is, try to replace the div tags with more semantic ones like main, article, etc. Also to change the image I recommend using the picture tag which you can learn about on this website.
Probably everything
What challenges did you encounter, and how did you overcome them?With chatgpt
What specific areas of your project would you like help with?Nearly everywhere
The main problem that I see here is that the card in not centered vertically. To do it, you can use flexbox on the body and then center it. Additionally, I suggest to change the background color attribute from the ".preperation" class to "body" to have the whole page covered.
Really seems like a perfect solution. The only thing I can recommend is to possibly use em and rem units instead of absolute units like px.
I don't think i would change anything.
What challenges did you encounter, and how did you overcome them?I didn't encounter any challenge.
What specific areas of your project would you like help with?If there is any kind of thing that you consider wrong in my code, then feel free to give any feedback.
Honestly, seems like a perfect solution, except for the fact that for some reason it's not centered vertically. Probably an easy fix, but if you need help with that let me know (multiple ways to do that, eg. flexbox, grid, margin: auto, etc.).
Practice
What challenges did you encounter, and how did you overcome them?a lot
What specific areas of your project would you like help with?with @media
To make the HTML more semantic and more concise, I would suggest to change <div class="main"></div> to <main></main>, and <p><b>text</b></p> with <h1>text</h1>.
