Mobile first using CSS&HTML (weird problems in safari)
Design comparison
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
- @mickygingerPosted over 4 years ago
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
appearanceproperty 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 - @mihneagttPosted over 4 years ago
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
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