Hey frankie,
Could you send screen shot before and after? Also if there are could you disable your browser exensions?
Design Comparison
SolutionDesign
Report
0Accessibility
issues6HTML
issues
Franklin U.O. Ohaegbulam's questions for the community
When I was working on this project, the layout was perfect but it changed when it was hosted on vercel.
Please any advice on how to recreate this?
Community Feedback
- 0
- 0
@mesutcifci okay. I will do that.
- 3
Hi Franklin, a few things you could try:
For the wrapping container, add a little padding, 1 or 2vw, so things don't stick to the screen edges in the smaller sizes.
For the Ratings, try a min-width of 22rem for the individual ratings (you'll probably need to play with the 'space-evenly' or padding as well). Also the background colour for these is hsl(300, 24%, 96%).
For your testimonies, try setting 'min-height: 15rem'
I think that if you change to the min-heights you can probably safely remove the hard-coded heights. Also, with the changes you will probably need to tweak your container width and margins.
Hope that's of some help.
- 0
@janegca thanks for the feedback. I will reiterate that.
PGive some feedback to frankiefab100 about their solution
Join our Slack community
Join over 40,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!