Responsive Base Apparel page using Bootstrap, HTML, CSS and Javascript
Design comparison
Solution retrospective
Hey everyone! A few struggles:
-
How can I change the "placeholder" attribute? Tried a bunch of different ways, but I think bootstrap always blocked it to grey.
-
How can I position the picture to appear at the top in mobile view? At the moment it appears at the bottom.
Thanks for your feedback I really appreciate it!
Community feedback
- Account deleted
For the placeholder, it should be:
input[type="text"]::placeholder{}
1@beatrizalmeidapiresPosted almost 5 years ago@SJellen Thank you. I tried but still doesn't work...
0Account deletedtry now. i didn't notice that the code didnt show.
@beatrizalmeidapires
0@reinierdantasPosted almost 5 years ago@beatrizalmeidapires
try to use !important
1@Himanshu-27Posted almost 5 years agojust simply write ( ::placeholder {color: "any color"} )
0@beatrizalmeidapiresPosted almost 5 years ago@SJellen Finally it works! Thank you so much for your help :)
0 - @PleopleqPosted almost 5 years ago
Hey Beatriz! Its kinda difficult to style a project that already use bootstrap, in my opinion (I dont know, maybe im wrong haha). You can use col-sm-12 in the image (https://getbootstrap.com/docs/4.0/layout/grid/) so it takes full widht of the viewport. And also, the image div is after the description text. You maybe wanna put that div on top of the description and see if that works.
0@beatrizalmeidapiresPosted almost 5 years ago@Pleopleq Thank you! Will try that! :)
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