Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Sunnyside agency landing page using HTML, CSS & JS

onna4โ€ข 150

@onna4

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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

salma fadl azzamโ€ข 330

@salmafadlabdulrahman

Posted

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 helpful

0

onna4โ€ข 150

@onna4

Posted

@salmafadlabdulrahman thanks a lot for your valuable comment.

0
salma fadl azzamโ€ข 330

@salmafadlabdulrahman

Posted

@onna4 anytime๐Ÿ‘

0

Please log in to post a comment

Log in with GitHub
Discord logo

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