- Responsive layout using grid system
- Added an hover interaction (Card Tilts)
Grid layout
- Made a simple coding using span
.white2 {
grid-column: 1/span 3;
grid-row: 3;
}
I would like to know if my code is responsive for every device (apart from the fixed pixel values)
Not a specific area, but I think I would like to know if my code is responsive and good looking for every device type.
Grid layout
.white2 {
grid-column: 1/span 3;
grid-row: 3;
}
Replicating the design.
What challenges did you encounter, and how did you overcome them?no challenges
What specific areas of your project would you like help with?Perfectly fine for now.
Well that's my first time with mobile-first, I have some trouble with width but I encounter that.
What challenges did you encounter, and how did you overcome them?Min/max width trouble with choosing
What specific areas of your project would you like help with?Code feedback is required. That's my first time with mobile-first coding and I can see advantages of that. But I need some advices about the min/max-width property. Did I write it properly?
Your html structure looks good! If you make further adjustments in your css, then your recreation will be even better!
Next time I will use relative units for typography to adjust it to different screen sizes better
What specific areas of your project would you like help with?I would like to understand better how to make typography more responsive
Your solution looks great! There are some little things to fix:
Good idea to use ul for "Learning"-tag. Awesome!