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 using CSS&HTML (weird problems in safari)

Mihnea 150

@mihneagtt

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I am pretty hapyy with how the site turned out, however when I tried it on a couple of iPhones, the buttons were different (very ugly), the clip-path was non-existent and the input box looked a bit different. So, any opinions?

Community feedback

T
Mike Hayden 1,005

@mickyginger

Posted

Hey Mihnea,

Making designs work cross-browser and cross-device is one of the more complex parts of frontend web development. There's lots of tricks and tips that you'll need to learn along the way.

If you're not familiar with StackOverflow, you should definitely get acquainted. They are a hub for developers of all levels trying to work this stuff out too. Here's a question that was asked that might help you out with button styling on iPhone.

CSS-Tricks is another great resource... here's a great article on the appearance property mentioned in that StackOverflow article above.

Another great place to look for inspiration is CodePen which has lots of pre-made components, including buttons

Hope that helps!

2
Mihnea 150

@mihneagtt

Posted

I cannot believe that worked! Thank you so so so much, I was so frustrated with this, but now it's all ok. Can you take a look at the website and tell me if you like it?

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