Munib ahmad
@MunibAhmad-devAll solutions
- Submitted 5 months ago
Recipe Page
- HTML
- CSS
For the nutrition section below, I struggled to get it right, and it still isn't that good. Maybe it's because I didn't use a grid. I always use flexbox for everything.
- Submitted 5 months ago
Recipe Page
- HTML
- CSS
For the nutrition section below, I struggled to get it right, and it still isn't that good. Maybe it's because I didn't use a grid. I always use flexbox for everything.
- Submitted 5 months ago
Social link profile
- HTML
- CSS
Throughout the project, I performed well overall, but I faced a challenge with the social media buttons. Initially, I used flexbox, which resulted in an imbalance with the buttons—some were larger and some smaller, differing by a few pixels. This issue arose because labels like 'GitHub' have 6 characters, while 'Frontend Mentor' has 14, causing the buttons to have varying widths. To address this, I switched to using CSS Grid. Although I'm not very familiar with Grid, I created 5 separate divs, and in the end, I achieved the desired result. I’m not sure if I used Grid in the best way, but it worked.😅
- Submitted 5 months ago
Product preview card
- HTML
- CSS
I encountered the challenge of not correct the discount line in front of it, making it impossible to get it right for me. Additionally, I struggled to find the appropriate font family for the 'perfume' label spacing.
- Submitted 5 months ago
qr code component
- HTML
- CSS
I would like help with optimizing the centering techniques using Flexbox. While I managed to center the QR code component and its accompanying text, it took a lot of trial and error to get it right. I believe there might be more efficient or effective ways to achieve the same result.
Additionally, I would appreciate guidance on improving the responsiveness of the design. Ensuring that the layout looks great on various screen sizes and devices is always a challenge, and any tips on best practices for responsive design using Flexbox would be incredibly helpful.
- Submitted 5 months ago
order summary component
- HTML
- CSS
I would appreciate help with adding a background image to the body element. Despite using various properties, I was unable to achieve this. Additionally, I struggled to add a border radius to only the upper part of the image and found it very difficult to center everything. Any advice would be greatly appreciated. like i'm beginner si this was veru tough project i ever done, i only use flex box maybe thats why
- Submitted 5 months ago
flex box,
- HTML
- CSS
I would like help with optimizing the centering techniques using Flexbox. While I managed to center the QR code component and its accompanying text, it took a lot of trial and error to get it right. I believe there might be more efficient or effective ways to achieve the same result.
Additionally, I would appreciate guidance on improving the responsiveness of the design. Ensuring that the layout looks great on various screen sizes and devices is always a challenge, and any tips on best practices for responsive design using Flexbox would be incredibly helpful.
