@Farzane2630
Latest solutions
Chat App Responsive
#gulp#sass/scss#pure-cssSubmitted 26 days agoMy background illustrations is quite not match the design exactly because when, I set the size of the illustrations equally to the figma design and adjust it where it should be. It creates the bottom scrollbar. I have fixed this problem by using
overflow: hiddenon the body but it doesn't work. Eventually, I made the illustrantions to not go beyond the screen and it looks similar but it is not match the design exactly.Fylo Data Storage_Mobile First
#gulp#pure-css#sass/scssSubmitted 29 days agoAnything. I would love to hear.
Responsive Clipboard Landing Page
#gulp#pure-css#sass/scssSubmitted about 1 month agoAnything. I would love to hear.
Responsive Social Proof
#pure-css#sass/scss#gulpSubmitted about 1 month agoThe background images failed to load in browser. (I have fixed it by moving images folder to css folder and push -u origin -f. It works!!)
Latest comments
- @TTAR007
In desktop design, share button doesn't change color when click.
You can use
filter: brightness(0) invert(1);to change share-icon image to white color. it means makes the image black and then invert to white. - @Asya0601@TTAR007
Great.
- @brenda-maggWhat are you most proud of, and what would you do differently next time?
I felt confident making this challenge, i've been able to put in practice what i've been learning abput grid and flexbox.
What challenges did you encounter, and how did you overcome them?The media queries.
What specific areas of your project would you like help with?Any feedback in general would be helpful.
@TTAR007- try to use
clamp()to make font-size responsive without media query - in mobile 320px screensize, try to adjust the arrangement and layout of the page.
- try to use
- @haybagWhat are you most proud of, and what would you do differently next time?
I think that I got the result spot on.
What challenges did you encounter, and how did you overcome them?I struggled sizing the icons for the value and time. (Help appreciated)
What specific areas of your project would you like help with?Sizing icons
@TTAR007I don't see the hover state on the image and also the text.
for the image, you can use
position: relativeandposition: absoluteto make it happen. - @avelinoalana-s@TTAR007
by the way, I want to know how you could change the social icons color when hovering.
- @mohammadhasansojib@TTAR007
Great design
