@xStephxSubmitted 2 months ago
Latest solutions
3-column preview card component
#pure-cssSubmitted 10 days agomaybe in making it responsive in different screen sizes.
Order Summary Component
Submitted about 1 month agoin this challenge I don't know,I think it's like a review to me.
NFT Preview Card
Submitted about 2 months agoI think I need to use Pseudo Element more so it deepens my understanding using it.
Product-Preview-Card-Component
Submitted 3 months agoI think in this project I dont need any help. But I think I need to improve my grid.
Latest comments
- @van3030Submitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of finishing the task, but next time I want to finish it faster.
What challenges did you encounter, and how did you overcome them?the default background is overlapping to @media query background, I spend many min to figure out how to fix it, And the problem lies to the html img handling, I use class to style the image within the picture-section class but in @media query I use background image to style directly in picture-section. So my solution is I remove the img src and I empty the picture-section class then I use the background image to style the default background image also.
What specific areas of your project would you like help with?I think in this project I dont need any help. But I think I need to improve my grid.
- P@DetDet91Submitted 4 months ago@van3030Posted 4 months ago
Good day! YOur work is good but it looks like you forgot the box- shadow.Just a suggestion Use box-shadow css generator you can search it in google.And also the Learning title needs a top margin so there's a space to the images.
1 - P@eminahadziccSubmitted 5 months agoWhat challenges did you encounter, and how did you overcome them?
- Semantic HTML Did some reading on it and took the feedback I had on the last one with me in this project. Did struggle to find right elements, but at least a better understanding than in my last project.
Open to all kinds of feedback. Help with responsiveness is welcome. And I was wondering, when in Figma the width is 384px for example, is this the set width you use for the design of the project because a few times I saw that when using the width and/or height that I see in Figma my solution is bigger than the design.
@van3030Posted 5 months agoIn.main set the width to 100% so it will become responsive to smaller screen.
0 - P@eminahadziccSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
Most proud of just starting and doing it, instead of still wanting to watch tutorials and google things first. It boosted the confidence to be able to get it right.
What challenges did you encounter, and how did you overcome them?Mostly to center the div on the page. Searched on the internet for different ways.
What specific areas of your project would you like help with?Probably with Flexbox. I keep reading that it's super useful and could have been easier when I was looking for a way to center the div on the page, so that's something to look into.
@van3030Posted 5 months agoTo center all the elements that you do in flexbox you can consider this code if you want: first set all the value of variable body: display:flex, justify content:center, align-items:center, height:100vh.
Hopefully this will helpful.
Marked as helpful1
