This app was extremely challenging for me to make the responsive layout work. I still find CSS positioning quite challenging to work with. This was the best I could come up with, yet I am pretty satisfied with how it turned out. Any feedback for improvement is welcome :D
Ekomobong Edeme
@KingLyricsAll comments
- @anacarolinabmvSubmitted about 1 year ago
- @anacarolinabmvSubmitted over 1 year ago
Pretty fun app to build. To make the calculator functionality work, I attached several event handlers to the the inputs. I wonder if there is a different (better?) way to make this work. Any feedback is welcome :D
@KingLyricsPosted over 1 year agoPhenomenal work! This is really good! Well done.
1 - @anacarolinabmvSubmitted over 1 year ago
Overall pretty happy with how this solution turned out. Any feedback on how I can improve is always welcome!
@KingLyricsPosted over 1 year agoGreat job! Thinking of starting this challenge next. Well done.
1 - @IryDevSubmitted over 1 year ago
- @Mohamed-JameerSubmitted over 1 year ago@KingLyricsPosted over 1 year ago
Double check your directory for your image because it is missing. Also, for your card to be centered use
body:{ display: grid; place-content: center; min-height:100vh; }
0 - @JalobigSubmitted over 1 year ago
Hey everyone! Feedback are welcome. Thank you!
- @KingLyricsSubmitted over 1 year ago
Only thing lacking was the quotation marks. But learnt alot from this challlenge.
- @itsale-oSubmitted over 1 year ago
Hi!
This is my solution to the huddle landing page with curved sections challenge. Please feel free to point anything I could've made differently.
@KingLyricsPosted over 1 year agoFantastic work! What did you do to make the curved section?
1 - @HosseinfmSubmitted over 1 year ago
How do I make it responsive?
@KingLyricsPosted over 1 year agoTo make it responsive, use the @media query and specify the size of the screen to work with and change the styles accordingly
0 - @mooogzSubmitted over 1 year ago
Still not too confident in my responsiveness 🙃 I couldn't get the elements to space out nicely in mobile view--everything seems smushed together.
@KingLyricsPosted over 1 year agoGood job. Keep pressing forward! Keep learning!
0 - @A-n-i-eSubmitted over 2 years ago
While working on this project, I learnt how to use svg images properly🙃 Was confusing at first but they were quite cool😋
I had a bit of trouble with the div containing the 'Annual Plan' stuff but I think it turned out alright😆
Comments on ways to improve are totally welcome!
@KingLyricsPosted over 2 years agoThe Annual part was a pain to figure out. Trust me i feel you on that. LOL. Anyways, well done. A little bit of margin on the Annual plan and the pricing. You blended the colors well and even got the size of the entire card to almost match. Mine was slightly shorter but yours is actually perfect. Easy on the eyes and well done. Excellent work! Congratulations on finishing it. Keep it up.
EDIT: Also challenge yourself more by using SCSS if you are familiar with it. Makes the coding in CSS alot more fun!
What I did for the Annual Plan was put everything in a div. Then put the annual plan and price as li tags. After that it was alot of flex and align center. There might be another way but welp. lol
0