Submitted

Landing page using flex box

kyUu6i 160

@hmhlol

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View Challenge

Design Comparison

SolutionDesign

Report

9

Accessibility Issues

3

HTML Issues

View Report

kyUu6i’s questions for the community

css flex box. Feel free to give feedback.

Community Feedback

darryncodes 5,170

@darryncodes

Posted

Hi KyUu

I really appreciate your solution, the responsive design is on point!

A few minor observations:

  • i noticed the cherry and orange images are a column with white gaps either side on smaller devices, if you remove align-items: center; on .box3 that will fix it
  • cursor: pointer; to your learn more buttons
  • you could do the same to the nav list items too
  • it's good practice to clear down the accessibility/html report, there is a lot of useful information in the report

Hope that helps

Marked as helpful

0

Give some feedback to @hmhlol about their solution...

Slack logo

Join our Slack community

Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!