@Anmol610989
Submitted
@ebubz-dev
@Anmol610989
Submitted
@ebubz-dev
Posted
I recommend revisting the basics or check out my solution hope it helps!!!
@dejuliansr
Submitted
@ebubz-dev
Posted
I think you forgot to set the drawer image top-right and bottom-right radius to 0
@codesByJose
Submitted
What are you most proud of, and what would you do differently next time?
this is my first attempt at css Grid.. and i am proud of the outcome ..tho not a hundred id be looking forward to all the help that i can get to improve this project.
What challenges did you encounter, and how did you overcome them?
I did face a lot of challenges as i am not able to put all the items at cross positions. making use of all the grid properties, how to implement them .. quite a lot!.. in my last project is spoke on not being able to implement google or external fonts.. im glad i made a difference with this!
What specific areas of your project would you like help with?
there are spaces there and i cant say holw that happened .... i havent figured how to place items at cross position... any help would be welcomed
@ebubz-dev
Posted
@Jose Mama you should set the grid-template-row to repeat(5, 1fr);
Marked as helpful
@praistyles
Submitted
@ebubz-dev
Posted
Hmm seems like there is something up with the Kira section
@HeewonSeo1
Submitted
What are you most proud of, and what would you do differently next time?
Pretty happy with my understanding of grid now. I was a bit lazy and completely disregarded how text wrapping was for the header section of the problem. I'll definitely convert the px values to relative units for future solutions.
What challenges did you encounter, and how did you overcome them?
The little color border-top thing was a bit difficult to think of. I tried using pseudo elements for this, but I don't know if this approach is the most efficient. CSS was also a bit messy.
What specific areas of your project would you like help with?
I think my use of media queries for responsive design still needs work. I need to practice media queries for a larger range of sizes for projects outside FEM.
Any critiques would be greatly appreciated as well!
@ebubz-dev
Posted
I think you forgot to add the dark grayish blue color to the Powered By Technology header and also the headers for Supervisor, Team Builder, Karma and Calculator section.
I hope you find this comment helpful.
@yannancls
Submitted
@ebubz-dev
Posted
Wow! so awesome
@suri1210
Submitted
@ebubz-dev
Posted
you didn't use the right font for Simple Omelette Recipe heading
What challenges did you encounter, and how did you overcome them?
Github Pages do not include assets folder when publishing, thus breaking the picture
@ebubz-dev
Posted
Mine was include at My Github page
@KacperHulek
Submitted
@ebubz-dev
Posted
This solution includes sematic html
It is accesible through my github page link blog-preview-card
It is very responsive
It is also very similar from the design, almost identical
@pavly-l
Submitted
@ebubz-dev
Posted
I think there is a problem with the css
That is why there are some css code on the webpage
check to see if you followed the right syntax especially at the end or where that property is
Visit w3schools for HTML and CSS help
@abdoul-EH
Submitted
What are you most proud of, and what would you do differently next time?
good experience
@ebubz-dev
Posted
Try using this for the background css body { background-color: hsl(212, 45%, 89%); }