Used for the first time a piece of code that I've found for making css speech bubbles - adapted it to my use case and it actually turned out pretty good. Styled the storage availability slider manually with css, no js used and so it's not interactive but it delivers the required design. Please feel free to let me know if you see a more efficient way to code this.
Naimul islam
@Naimul11All comments
- @chillcodemaoSubmitted about 3 years ago@Naimul11Posted about 3 years ago
you did great man. but in your reset.css you used a long code. you can simply use this
*{
}
0 - @YousefKhalid-iqSubmitted about 3 years ago
This is my solution for the "four-card-feature-section-master" challenge, if you see any errors or mistakes please let me know and I'll do my best to fix them, thank you for stopping by :)
@Naimul11Posted about 3 years agoyou did great. but in pc view you set 1440px . but in tab or small screen it's not looking good as mobile view. please change it . @media only screen and (min-width: 1000px)
0 - @YousefKhalid-iqSubmitted about 3 years ago
This is my solution for the "four-card-feature-section-master" challenge, if you see any errors or mistakes please let me know and I'll do my best to fix them, thank you for stopping by :)
@Naimul11Posted about 3 years agoyou did great. but in pc view you set 1440px . but in tab or small screen it's not looking good as mobile view. please change it . @media only screen and (min-width: 1000px)
Marked as helpful0 - @SaifN97Submitted about 3 years ago
I'd love some feedbacks :)
@Naimul11Posted about 3 years agoyou did very well. But there have some issue. It's not responsive. In mobile view you can use max-width. and you can use px or rem/em for the icons. because in small screen it's look terrible.
0 - @7bihaSubmitted about 3 years ago
I hope I can do better
- @majxlaSubmitted over 3 years ago
I had problem with positioning background graphics. I copied this part of the code from someone who copied it from someone else. But anyway can anyone explain me how it works?
@Naimul11Posted over 3 years agoyou can use this
background-position:-100% 160%,170% -100% ;
orientation :x axis y axis, x axis y axis;
0