@sezimarjr
@Mr-jaw
Submitted
13th Challenge completed
A single Price Grid Component Using CSS Grid and Flex
Any Feedbacks on improving my accessibility and semantic coding is greatly appriciated
Solution GitHub: git-hub-repo
Live Site: Live-site
ThankYou! 😊
@sezimarjr
Posted
it's not exactly feedback but your code is amazing it helped me understand some GRID concepts Thanks :D
@visioned
Submitted
@sezimarjr
Posted
Amazing
@sezimarjr
Submitted
Well, in this project I tried to do the challenge perfectly and that caused me some problems, mainly when positioning the stats using flexbox they were never aligned as they should, I had to use several positioning methods to leave them aligned as they should.
I would heartily appreciate any tips or feedback on the code and how I would go about shortening it.
@sezimarjr
Posted
Well, the first question is that the background works well on FULL HD monitors, but it distorts a lot in any other proportion, and here's another question. Would I solve it only with media queries?
@sleeepyskies
Submitted
Hey, I enjoyed this challenge, but have a few questions.
Any advice or feedback is much appreciated, thanks!
@sezimarjr
Posted
In most cases I prefer to use flex instead of the grid because I can work better with it, I really only use the grid for cases where I need to quickly organize several objects in a space.
For the background you can set a general color for the html and here is an example html{ background: #e0e8ff; } and you can put the background image in the body, remembering that you need to use commands like background-size and background-repeat to adjust the screen size here is an example body{ background: url(/images/pattern-background-desktop.svg); background-size: 100%; background-repeat: no-repeat; }
Marked as helpful
