@BarteQS
@DavidAlmonacid
Submitted
What are you most proud of, and what would you do differently next time?
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.
@BarteQS
Posted
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.
@T3chfuzion
Submitted
What are you most proud of, and what would you do differently next time?
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
@BarteQS
Posted
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.
Marked as helpful
@TPAIN22
Submitted
What are you most proud of, and what would you do differently next time?
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
@BarteQS
Posted
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.
Marked as helpful
@sreos
Submitted
What are you most proud of, and what would you do differently next time?
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
@BarteQS
Posted
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.
@puneethmamidi
Submitted
@BarteQS
Posted
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.
@ricardo1003
Submitted
What are you most proud of, and what would you do differently next time?
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.
@BarteQS
Posted
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.).
@Mickyrio
Submitted
What are you most proud of, and what would you do differently next time?
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
@BarteQS
Posted
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>.
