Design comparison
Solution retrospective
I have many issues with my project.. the biggest is with pics not showing in my live site with github pages.. also my js code is not working.
Community feedback
- @salmafadlabdulrahmanPosted over 1 year ago
Great job working on this project๐๐, I have some tips for you if you don't mind, in the second section which there's six pictures and some texts, this would be a good place to make using flexbox and and choose the flex-direction to row, the pictures are big so they gonna stretch to two boxes in one line, or if you wanted to make this section using grid, you could use display: grid and then grid-template-columns: 1fr 1fr; this way every part are taking an equal amount.
also there are two files, that contains images for the desktop version and images that are for the mobile versions, you can switch between them using media queries.
there are a lot of resources that's gonna help you when you're stuck, but there's a specific one that helped with get better at using CSS Grid, Flexbox, media queries. this course is "Learn Responsive web design" you can find on Scrimba.com.
great job working on this project!!๐๐๐
Marked as helpful0@onna4Posted over 1 year ago@salmafadlabdulrahman thanks a lot for your valuable comment.
0
Please log in to post a comment
Log in with GitHubJoin 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