responsive four card feature section using html and css

Solution retrospective
write media width with consistent order
What challenges did you encounter, and how did you overcome them?how do I use grid-row grid-column to put element in a grid container take existing gap into consideration when using grid-template
What specific areas of your project would you like help with?how do I using media query to write mobile first website
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@makogeboris
To create a mobile-first website, start by writing your styles for mobile devices, then use media queries with
min-width
progressively to style for larger screens. Use this guide Mobile-First Development - P@MikDra1
Nice one 😀
If you are curious how you can do this straight lines on the top of each card here is my tip:
Create another element in each of the cards. Then position this element absolute. Card should be positioned relative. At the end you need to give this element a height of 3px width of 100% and top 0 and left 0. You can also use ::after or ::before pseudo elements to create these.
Hope you found this comment helpful 💗
Good job and keep going 😁😊😉
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord