i can made a website with responsive design
What challenges did you encounter, and how did you overcome them?actually there are many challenges that i face when build this task. such as the structure and the grid for the footer and overlay
What specific areas of your project would you like help with?the footer section, because the overlay make me feel hard
For the footer, I found that using a div with 'background-image: url(whatever);' and attributes like 'background-size' and 'background-position' instead of the img element worked well to have the image do what I wanted it to do.
Pretty good solution! I think you could make it better adding a blur effect to the shadow-box property, and having larger margins and padding. But very good anyways!
Mobile-first approach and how close it is to design, I don't think I'd do anything differently.
What challenges did you encounter, and how did you overcome them?I had problems with setting grid up, after some research and brainstorming I've managed to set it up, not sure how correct it is thought.
What specific areas of your project would you like help with?I need help with grid layout. I feel like I've added extra columns and rows and in the process of doing so overly complicated it, can it be done with less grid code?
Also, I've added :hover on grid children, but I was wondering if there is a way in SCSS to have more DRY code. It feels like doing :hover and border-top color for each child separately isn't great. Is there way to do it with less code? Maybe define color in each child and have it applied that way?
Good solution! Here's some feedback so you can maybe improve some things:
You can improve the box-shadowing using a higher value in the third parameter, and using a lighter gray as a color. For instance: .card { box-shadow: 0px 10px 30px rgb(204, 204, 204); }
As for the card layout, what I did was to put each card inside a container, I created a 3x2 (width x height) grid for the big container, and:
Wasn't really responsive. I couldn't access the code either. Apart from those things, it doesn't look too bad. A little bit of padding in the second half of the container would've helped the aesthetics.
Finished the challenge, must work on css organization and efficiency.
What challenges did you encounter, and how did you overcome them?The list items and table were challenging and I am glad I solved them doing research, thinking and a little trial and error.
What specific areas of your project would you like help with?I do not need any help at the moment.
Good solution. A couple details left to polish, though.
Very good
Finaly I understood how to conveniently use the clamp function in CSS :)
What challenges did you encounter, and how did you overcome them?Sometimes I have problems defining numerical variables like height or width and reusing them. Therefore, I decided not to use many variables here.
What specific areas of your project would you like help with?I would like to receive feedback regarding the use of variables in CSS and style consolidation. And I would also like to know how to better set different font sizes without using @media
Very good
