P
@KoxoneSubmitted 3 months ago
Latest solutions
Responsive four card layout with the help of GRID and FLEXBOX
Submitted 3 months agoI feel troubled learning advanced-level Flexbox and Grid because it is a very complex process. and this is the specific area where I stuck every time.
Latest comments
- @qutubahmed732Posted 3 months ago
1.Use sementic markup for better accessibility. 2.Improve your color visualization. 3.Use only neccessary code.
1 - @Belamana-HarshithaSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
using grid
What challenges did you encounter, and how did you overcome them?for placing the cards and making it responsive
What specific areas of your project would you like help with?responsiveness
- @Fatima-AzziSubmitted 5 months ago@qutubahmed732Posted 5 months ago
I have get a experience of responsiveness in this challenge and also added some landmarks to help the users who are blind .... I recommend all the coders to make website mobile first responsive because it is very easy to convert the screen UI into desktop UI.
Marked as helpful0 - @MerouanosSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
just aligments
What challenges did you encounter, and how did you overcome them?trying to copy the exact widths and heights of the design
@qutubahmed732Posted 5 months agoHey everyone! Just wanted to share a little review on the recipe page I created. I focused on keeping the layout clean and user-friendly, making it easy to follow the steps. Here’s a quick overview:
Presentation: I organized the ingredients and instructions separately, so it’s simple for users to read through each section without getting overwhelmed. I might add a few icons or images alongside each step to make it feel even more engaging and visually interesting.
Readability: I chose a clear font for easy reading, but I’m thinking about bumping up the font size for the instructions a little to make it even easier on the eyes.
Images: I added some delicious-looking food photo to keep the page lively. I’m considering adding a subtle hover effect on the images for a touch of interactivity.
Personal Touch: I’m thinking about adding a short intro for each recipe—maybe a fun fact or a little story about why I love it. I feel like this would make the page feel more personal and relatable.
Mobile View: I’ve tested it on mobile, but I’d love some feedback on how it looks on smaller screens. I want it to be just as functional on phones since many people use their devices while cooking!
I’d love any feedback or suggestions to make it even better. Thanks for taking a look! 😊
0 - @stiv-developerSubmitted 5 months ago@qutubahmed732Posted 5 months ago
Here’s feedback:
- Profile Appearance: The design and layout are attractive and user-friendly, making a good first impression.
2.Content Clarity: The information is clear and concise, making it easy for users to understand.
3.Engagement Features: Interactive features like bio links and social icons are well-placed, allowing easy connection.
4.Suggestions: Colors and fonts could be a bit more vibrant, and the "About" section could have a more engaging, personal touch.
0 - @aryanpaliwal24Submitted 5 months ago@qutubahmed732Posted 5 months ago
Yes here some feedback on the solution: 1.Accessibillity: I have add some aria-label and role attribute that will be accessible and easy to use for the users.
2.Sementic Markup: I use some sementic markup in this project as much as I could.
3.Responsive Layout: It is also responsive on mobile and desktop as per requirments of project.
4.Code Quality: Clear, readable code is essential for maintainability. Using proper indentation, meaningful variable names, and comments can make the code easier to understand for others or yourself in the future.
Marked as helpful0
