P
@KMS56135Submitted 7 months ago
Latest solutions
FM-Newsletter-Sign-Up-Form
Submitted 7 months agoAny improvements of my form and tips for creating your own validation
Responsive FAQ Accordion
Submitted 10 months ago- When I extend each question, on the smaller screens the background doesn't extend to the bottom and leaves a blank space. Don't know how to fix it.
- Any tips on make my JS code more efficient if needed.
2a. And any tips on getting better at JS. (still gonna keep practicing)
Thank you in advanced
Testimonials Grid
Submitted 11 months agoAny tips on best CSS practice and layout & how you like to format your CSS.
Interactive Four Card Feature
Submitted 11 months agoAny tips on grid or responsive measurements (in your opinion what do you used the most any why? i.e. fonts, height, padding and width
Latest comments
- @walissonrubensSubmitted 8 months ago
- @RohanIVSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
Implementing JS, still don't fully get it but managed to make it work.
What challenges did you encounter, and how did you overcome them?Getting JS to work. A lot of research and video watching.
What specific areas of your project would you like help with?- When I extend each question, on the smaller screens the background doesn't extend to the bottom and leaves a blank space. Don't know how to fix it.
- Any tips on make my JS code more efficient if needed.
2a. And any tips on getting better at JS. (still gonna keep practicing)
Thank you in advanced
@RohanIVPosted 10 months agoThank you for commenting. I managed to fix it. In my CSS I had
background-image: url("assets/images/background-pattern-mobile.svg");and i change it to
background-image: url("../assets/images/background-pattern-mobile.svg");I just had to add ../ to the beginning @rtoddm
1 - @David-dawnSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
Am proud to pull this off, cause it contains advance css grid
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None
- @brainkaSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
I am so used to using flex box, but am pretty happy with learning to use grid as well.
What challenges did you encounter, and how did you overcome them?Getting the cards to be correct height and width.
I created another row instead of using gap...not sure if this is the correct way of doing this.
What specific areas of your project would you like help with?Overall review of my code and any feedback on my solution.
@RohanIVPosted 11 months agoNice site. I gave my card a width then for my grid section I used align-items: center; to get them in place and even. Still new to grid but hope this helps
0 - P@omwanzakSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
completing the challenge
What challenges did you encounter, and how did you overcome them?- positioning the 169 previous price is hard for me because it kept shifting with different screens
- I could not the exact padding measures on figma, had to come up with my own calculations
- I started with the mobile design and could not hack it, shifted to desktop then adjusted to mobile.
- the media query is a bit challenging-Did not use font display, line height, line length font size topography
the above mentioned challenges
@RohanIVPosted 11 months agoNice page. You can try this for your 169 price:
- remove: 'justify-content: space-between; on .price tag and add 'align-item: center;' .pricetag { align-item: center display: flex; line-height: 1rem; margin-bottom: 10px; }
-remove width:50px; from .price1 .price1 { color: #3D8168; font-family: "Fraunces", sans-serif; font-weight: 700; font-size: 32px; margin: 10px; margin-left: 0; }
hopefully this helps
Marked as helpful0
