Latest solutions
Responsive Order Summary
Submitted 11 months agoI need help with adjusting spacing and layout for smaller screens in my project. Specifically, I'm facing issues with extra space and alignment that aren't responsive as expected. Any guidance on optimizing the design for various screen sizes would be appreciated.
Responsive Four Cards
Submitted 11 months agoI need help how to tackle the projection of responsive pages. Its looking difficult enough.
Responsive Perfume Card
Submitted 12 months agoI want how to find breakpoints quickly and efficiently.
Responsive Social Link Profile
Submitted 12 months agoI would like to have help about the more layout models like grid.
Latest comments
- @Muhammad-Taus
- @hl-wong@Aamnbaba
Superb. I have found the solution of my problem in your code. Nice Work
- @Maythadarkyaw123@Aamnbaba
Image is not displaying beacuse of this:
<img src="images/image-qr-code.png" alt="QR" srcset="">
Set it to:
<img src="image-qr-code.png" alt="QR" srcset="">
- @meenoreWhat specific areas of your project would you like help with?
I've just completed a front-end coding challenge from @frontendmentor! 🎉
You can see my solution here: https://www.frontendmentor.io/solutions/product-preview-card-component-6efBLZvKcZ
Any suggestions on my layout and how I can improve are welcome!
@AamnbabaI will suggest to work out on relative units like percentage, em or rem. It will help you to make responsive layouts.
Use chrome extensions like "measure it" to check the exact desired size of card and content area in this project as well as other.
- @ilyesfennourWhat specific areas of your project would you like help with?
I want to know how to vertically center the bullet of a list with multiple lines.
and I'm having an issue with the spacing between the image and the text. I've attempted to set the margin and padding to 0 for both the text and the image, but there's still a persistent 4px space that I can't eliminate.
@AamnbabaNice Work. I think you must try with the relative units like percentage and rem. It will help you to automatically adjust the font size according to the screen size.
I've just completed a front-end coding challenge from @frontendmentor! 🎉
You can see my solution here: https://www.frontendmentor.io/solutions/responsive-frontend-mentor-reciepe-challenge-A_OH91CyOd
Any suggestions on how I can improve are welcome!
- @ShahddElsayed@Aamnbaba
In my opinion, work again for better results to make it responsive. Thumbs up 👍