@aashish-cloud
Latest solutions
Latest comments
- @awwmicky
Hey check out what
object-fit: contain/coverdoes on your img via CSS. It may help with the image to not distort. But this some good stuff!
https://www.frontendmentor.io/solutions/baseapparelcomingsoonpage-html-css-grid-flexbox-variables-js-IHhHt8Dgz/preview
- @Tobi-davies@awwmicky
Now this is some good responsiveness: mobile, tablet, & desktop 📱 💻
my only comments are to adjust the the font size & add margin top/bottom the text content.
good work
https://www.frontendmentor.io/solutions/four-card-feature-section-html-css-grid-flexbox-variables-Yh-6Nb6Fj/preview
- @Dev-Soks@awwmicky
Overall, solid work 🔥! I also like your hover effect on the buttons, hero section size, mobile navbar effect, & the smaller interaction effects.
Here are some critiques to check out:
-
add some more top margin/padding on the service section, e.g. "we're different"
-
adjust the font size on the service section & secondary section
- e.g: "snappy process, ...", "find out more..."
-
add some more bottom margin/padding on the secondary section, e.g. "find out more..."
-
for mobile responsiveness, the horizontal scroll may be popping up b/c of the padding/width (it makes the screen buggy)
- may adjust the
navwidth: 97.25vw
- may adjust the
good work!
https://www.frontendmentor.io/solutions/insure-landing-page-html-css-flexbox-variables-QbcNO01Cj/preview
-
- @buigabor@awwmicky
Since you got the desktop view looking sharp, a good challenge is to use media query on the four card layout for mobile view.
- @gretanorv@awwmicky
Oh, the responsiveness is clean! But I think the header is causing some bug like the horizontal scroll-bar in mobile view. I recommend checking out 'object-fit'. It may fix that bug.
https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
- @samuel-adu@awwmicky
Hey there! I like the mobile to desktop responsiveness you have going. A good challenge to add onto this would be to edit the four cards layout (media query) around 465px ~ 1100px.
