Design comparison
Community feedback
- @juanpb96Posted over 2 years ago
Hi Nigel 👋
Your solution is great! I've noticed that you are positioning your button with percentages and that causes a weird behaviour when someone sees your page in a large screen. I would recommend moving your button inside
.form-box
and usingdisplay: inline-block
in your.button
(I wonder why you added that additional div 🤔). Then, you can try fixing sizes and position values to make it look as the design.0@nigelvidaaalPosted over 2 years ago@juanpb96 Hi Juan!
Sorry for the late reply, I did what you said but it seems that it still doesn't work that way I want it, thank you for the feedback and will definitely make this thing work.
0@juanpb96Posted over 2 years ago@nigelvidaaal No worries!
I just saw that you implemented those changes 😃. Now, add
position: relative
in your.form-box
this will make it possible to place your button where you need. So, useright: 0
andtop: 0
in yourbutton
and don't forget to replace your input width with100%
, you can limit the size of this input addingmax-width
in.form-box
.Let me know if this works as you were looking for 👍
0@nigelvidaaalPosted over 2 years ago@juanpb96 Okay, so I did a few things and got help from youtube. Live site was working clearly but on the solution preview, it's still the same 😔. And for the button code, I don't really know what happened (the comment was a comparison of mine and the one I got from youtube). I learned a lot of things! I'll continue to polish what's mine. Thanks for your help, Mr. Juan!
0
Please log in to post a comment
Log in with GitHubJoin 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