P
@toshirokubota
What specific areas of your project would you like help with?
Any suggestions on improving the code and styles are highly appreciated!
Latest solutions
Responsive four card
Submitted 6 months agoi managed to use grid-area to align the cards for the desktop design but i would like to know the other way. and also to align the text with the responsive units as in the designs
Responsive Product-Preview-card
Submitted 6 months ago-
i think my css is a bit messy any help on how i can go about clean css
-
how can i center text that is in the same tag
-
Recipe Page with flexbox,grid combined
Submitted 7 months agohow can add spacing between sentences in a paragraph
Recipe Page with flexbox,grid combined
Submitted 7 months agosome of the areas i would like to improve is to make my css clean
Latest comments
- @DILHT
the page is responsive and the css is clean and i have admired the way you have used your grid skills. great work
- P@kephaloskWhat are you most proud of, and what would you do differently next time?
First Time I worked with CSS Grid in that dimension.
What challenges did you encounter, and how did you overcome them?Creating the complex Layout by using CSS Grid.
What specific areas of your project would you like help with?n/a
@DILHTi like how you have make your css soo clean and responsive. great work
Marked as helpful - @amir-mirzakhaniWhat are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
@DILHTThe solution is solid and demonstrates thoughtful implementation. i just like the idea that the code is not alot. that the page is big enough and responsive too.keep up the good work
- @lucasribeirosantos@DILHT
The layout is responsive and visually consistent across screen sizes and i love the way you have organized your files.Keep up the good work
Marked as helpful - @alaa-mekibes@DILHT
The responsive design principles are well-considered with media queries for smaller screens and The solution effectively uses semantic HTML elements like <main>, <section>, <ul>, <ol>, and <table>, enhancing both accessibility and structure. Good Job !!!
- P@RetroApeWhat are you most proud of, and what would you do differently next time?
Managing to use
What challenges did you encounter, and how did you overcome them?flexboxlayout; my attainment rises...Had some trouble at the start; I tried to over-engineer the solution. Layout was breaking and there were too many variables. I took a step back and found it easier to use
flex-endandgapto solve my problem.Also, trying to match the design without a design file is much harder than having a Figma file.
What specific areas of your project would you like help with?Using
flexbox; how would one center the main object (card) horizontally and vertically (without.attributionaffecting the alignment), and still have.attributionbe right below that main object, without usingpositionon the.attribution?@DILHTthe code is well written, and the design is much better than me :-).About the issue of centering the main object(card) horizontally and vertically. you could have put both card and the attribution in the flex container and use flex-direction column and yes, I have seen it in the code this was going to stack them vertically. Good Work Tomislav
Marked as helpful
