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

Mobile first site CSS

Mariano Huitronā€¢ 115

@MarianoHuitron

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I don't know if my background image is positioned correctly but I like it!

Community feedback

P
Emmilie Estabilloā€¢ 5,540

@emestabillo

Posted

Hi @MarianoHuitron, congrats on completing this challenge! It's responsive and looks just like the design. For your background, try this when it hits the 768px breakpoint: background-size: 100% 50%;. It will keep the background consistently at the bottom half of the screen as the widths go up. Another nitpicky detail, if you will, is that the chat bubble is not flush with the .alert box. Adding half a percentage left: 79.5%; makes it much better. Hope this helps :-)

2

Mariano Huitronā€¢ 115

@MarianoHuitron

Posted

@emestabillo thanks for the feedback! I made the changes suggested.

1
John Normanā€¢ 880

@norman02

Posted

That's just about perfect!

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