Latest solutions
Latest comments
- @andersongomes001P@Aminpatra
yo bro, your design looks good, but you can just add e.preventDefault() in the submit event to prevent the form from going to the next page before checking if the email is valid or not, you can see my code for more clarification.
Marked as helpful - @Gideon-wP@Aminpatra
Your solution is very good, have some tips for you: 1- you can remove the padding from the body element and set a min-height for the body like : min-height: calc(100vh - 1px); & height: auto; 2- then you can warp all elements in a container and then set a grid for the body element and place-content: center; to center all content. you can also use flex-box for the same reason.
- @jonathanudehWhat are you most proud of, and what would you do differently next time?
I am proud of how responsive I made the page
What challenges did you encounter, and how did you overcome them?Displaying the soicals in deifferent pattern for both the mobile and desktop view. But I solved that with JavaScript
What specific areas of your project would you like help with?The only thing I was unable to replicate and need help with was making the share svg to be surrounded with grey color. I set the border but that made the svg smaller. I couldn't decipher how to achieve this without the size of the share svg being affected. Any help wil be higly appreciated. Point me in the right direction if you can. Thank you.
P@AminpatraYo, sorry for my late response, however I've seen your commits in github, you are actually doing great keep going, I have a tip: When using top, bottom .. it is better to use px units with it not rems, rems is more for font sizes, and make the container the position absolute.
- @KareemAshraf33925P@Aminpatra
Hi @KareemAshraf33925, I hope you are doing well bro, I just have some tips for you, I have seen almost all of your work, Some actually looks super good and some needs some modifications, however all needs some modifications in terms of responsiveness, So you can follow the learning path in this platforms titled "Building responsive layouts", it is really useful and I learnt a lot from it. All the best.
Marked as helpful - @coding-vasuWhat are you most proud of, and what would you do differently next time?
-
Used
SASS
for this project & its quite intuitive, I liked it! -
css filter
property to enhance look & feel of the card.
Overwhelmed with Responsiveness, Isolated & took 1 step at a time to solve it
What specific areas of your project would you like help with?Utopia fluid responsiveness design system implementation.
P@Aminpatrabeautiful design bro. Could please tell my from where you learn this ?
-
- @eddybproP@Aminpatra
Using a lot of techs I don't know yet, looks interesting. Looking forward to learning all of these techs.