In form,
It checks for valid names. Numbers are not allowed.
Checks for validation as soon as cursor is moved and displays error based on invalid or empty input.
Any feedback on anything will be highly appreciated.
It is somewhat responsive but not all the time. It was hard me for to achieve responsiveness all the time where most of thing are positioned absolute or relative.😔
I used ::before and ::after for curves for mobile layout but failed to the same on desktop layout. I ended up using top and bottom of sections as background curves.
How do I change color of arrow img on hover in see how it works link?
How can I add that error message "please enter the valid email address" in cta section?
In footer, I have used flexbox for desktop and when trying to shrink window, all the div/items gets bunched up rather going to next line at the bottom. I tried with flex-wrap:wrap but it doesn't work. Any idea or suggestion how to make them divs in footer go to next line in bottom using flexbox?
A tip from one beginner to another: Be mindful of div's height while using flexbox. I spent half an hour to figured it out why my background image was showing up in mobile layout. I gave the width not height :)
I tried to apply "border radius" and "overflow-hidden" to main container for rounded corners but that did not work out in mobile layout. It didn't scroll down because of the overflow hidden so I ended up applying border radius to individual cards.
Anybody has done it differently? Is there a other way?
I used SASS for the first time and feels like I need to improve a lot on how to organize and structure well and clean. Do you have any boiler plate for Sass? How many and What kind of partials do you set-up? Any resources on that would be great.
My font-weight is little thicker. I tried different values and I also imported the values stated in style.md file but I had no luck on thin them out. Are h1,h2s have anything to do with it?
Any suggestions and feedback will highly appreciated on anything.
It looks like I am having hard time moving on from "px" to relative units. As I was using % for some, everything was moving like crazy when I was resizing the browser. Any guidelines on how do I incorporate more relative units in projects?
I have finished the challenge but it feels like "Somehow I made it work." Any suggestions will highly appreciated. I also have following questions.
1)"Per month" is not in middle. Should I have not use span inside the"p" tag? How can I put this in middle?
Is possible that this challenge can be done using Grid only? I had trouble centering whole card and was unable come up solution for mobile-layout using grid also. I would like to know how this can be done only using grid.
For me, Css was hard because HTML was not set-up correctly. For Example: where to place divs so it is would be easy to target in css. It took me a while to figured it out.
What is the best solution for adding bg-pattern imgs? Add in HTML or CSS? I know that profile pic must go in HTML for semantic reasons.
Any other comments and suggestion will be highly appreciated to improve my skills.
Best regards,
KT