Social proof section
Design comparison
Solution retrospective
Hello, Frontend Mentor community! This is my solution to the Social proof section.
I have read all the feedback on this project and improved my code. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.
You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.
Thank you
Community feedback
- @brodiewebdtPosted almost 3 years ago
If you want them on the body, yes put the code on the body element in the CSS. You can put them on any element if you want. IE: containers, sections, headers and footers.
Marked as helpful1@catherineisonlinePosted almost 3 years ago@brodiewebdt yes, that's how I usually use it though wondered whether there are other ways more acceptable. Thank you!
1 - @AlbaraaAdamPosted almost 3 years ago
Usually I use this in css: body{ Margin : 0; background : url("you write image src here"); display : flex; justify-contant : center; align- items : center; min-height : 100vh; } It will do the trick.
2@catherineisonlinePosted almost 3 years ago@AlbaraaAdam thank you for sharing!
0 - @dovelmPosted almost 3 years ago
I like it!!! you can remove the scroll in the page please
1@catherineisonlinePosted almost 3 years ago@dusvimarin thank you for the feedback!
0 - @anoshaahmedPosted almost 3 years ago
Yup, directly to the body element. This works:
body { background-image: url(images/bg-pattern-top-desktop.svg), url(images/bg-pattern-bottom-desktop.svg); background-repeat: no-repeat; background-position: left 0 top 0, right 0 bottom 0; }
1@catherineisonlinePosted almost 3 years ago@anoshaahmed Thank you!
1 - @Yoha30Posted almost 3 years ago
Nice work! I have only one comment, I think text beside stars should be in the center
1@catherineisonlinePosted almost 3 years ago@Yoha30 thank you! Yes, I think I have missed that one
1 - @simon-baumhauerPosted almost 3 years ago
Hey Catherine, I'm currently in Tiflis and see we are trying to learn the same stuff so if you want we could meet up for a coffee and talk about the projects were are working on, would be good to have someone to talk about my current problems in the process, so let me know if you are interested :)
1@catherineisonlinePosted almost 3 years ago@simon-baumhauer Sounds great! Though not a good time for meetups right now. Add me on LinkedIn though, let's catch up
0 - @DawidMTXPosted almost 3 years ago
I checked your code and look very good, I'm learned a lot from this. If you want, check my code, I would be grateful for your feedback.
https://www.frontendmentor.io/solutions/social-proof-section-css-grid-flex-FRv2qPzD8
0@catherineisonlinePosted almost 3 years ago@DawidMTX Thank you, I will check for sure!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord