Latest solutions
Latest comments
- @Depramingo@Prakhar-99
Use ::after or ::before psedo selector for overlay rather than creating div for it
- @satya-hash@Prakhar-99
hello @satya-hash here some advise that I think make your sollution quite good 1 add background-repeat = no-repeat and background-position = center, background size = cover in all your background container. 2.when you apply media query change the flex direction of container that contain egg background image . 3 add margin from left, right in content (h1, paragraph and button) of class " left & right". and give some specific width to para of this classes. 4 give specific width to para of classes orange and cherry like 80%-85%.
5.give a margin top and bottom in your testimonial section and give a width of 300 or 320px to your testimonia card and on flex wrap in testimonial card container thanks for read hope this can help you make your solution good
Marked as helpful - @bkaggle@Prakhar-99
make main's display flex and set it width 100% and height 100vh and align and justify it content to center it help alot when you make it responsive try it
try bockground-size (cover) in image-content and background-position center it make your image go full in background i am not very good in english so please avoide some grammer mistake
- @j-likes-spicy@Prakhar-99
try adding padding bottom to the container of your card it work for me many times