Coming soon page mobile first using html css js
Design comparison
Solution retrospective
Should i even be trying to make these challenges responsive or just work hardcoded on 375 and 1440 sizes? I don't like the fact that i add all-around padding to make it look good on desktop but then it's impossible to make it responsive on smaller sizes unless im just really bad at css and close-minded. I also feel like i have some problems with flexbox and it was hard for me to make the image and the left panel hit their desired sizes. Looking for every bit of advice so i can improve and continue my journey with frontend, thanks in advance!
Community feedback
- @YazdunPosted about 3 years ago
Hello Bernard ! Of course you should try to make challenges responsive š So you can learn it and apply it to real life projects, It may seem disappointing at beginning but as you progress, it becomes much easier ! don't worry about it and just keep trying.
Let's talk about the solution:
-
as you know It's not responsive right now it breaks very easily, but layout looks good on smaller devices, I took a quick look on your code and I think you don't need to use
gridand you'll be fine withflexbox, Here is very good resource so master flexbox in no time ! -
Use Prettier extension on your IDE to format your code.
Apart from that, Your code looks clean and nice and well done on that.
ā Also I opened a pull request to your repository which will fix responsiveness a little bit, I hope this helps and keep coding !
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