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

HTML, CSS, FLEXBOX, CSS GRID

@codeguy9

Desktop design screenshot for the Fylo dark theme landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi guys.

This one was tough. I tried to make it responsive but I quit. My nerves started to come out. Thanks for the comments.

Community feedback

Foued• 655

@Foued80

Posted

hi,

Here a fix for the the reviews section

.flex-machine { display: flex; align-items: center; }

align-items:center will stop the avatar from stretching

can you tell me how you made the paragraph to shrink and grow with the viewport, i dont see clamp or font-size relative to viewport anywhere in your css :s i may learn something here :O

0

@codeguy9

Posted

@Foued80 I don't seem to understand what you are asking.

0
P
Patrick• 14,305

@palgramming

Posted

Well a simple this you should try to add :hover states to your links

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