Responsive web-design
I'm currently in the process of developing a language learning website. While I handle the back-end and design aspects, my main challenge lies in achieving responsiveness. The site looks terrible when viewed on resolutions other than the standard one. I'm seeking assistance to solve this issue.
8 Replies
For someone to help they'll need to see your code and esp the css
Kevin did a video on responsive design just a couple weeks ago that might bring light to the unknowns you have: https://www.youtube.com/watch?v=x4u1yp3Msao&t=565s
Kevin Powell
YouTube
A practical guide to responsive web design
I have a FREE COURSE on conquering responsive layouts š https://courses.kevinpowell.co/conquering-responsive-layouts
š Links
ā
Width auto vs. 100%: https://youtu.be/-st14lUQD3U
ā
Responsive layout practice for beginners: https://youtu.be/JFbxl_VmIx0
ā
Position absolute and responsive layouts: https://youtu.be/H04P5YXVssE
ā Timestamps
00:00 - I...
The video tomorrow is gonna be really helpful! Or maybe it's today !! Make sure to get notified when it drops you'll want to watch it
Okay I see I will wait until this new video that you wrote about and after it if I still don't know how to do it then I will share my code.
I just watched it but It too less for me. I mean my code needs more things to do for example login page and especially reponsive buttons icons etc.
That video above is definitely a bit higher level, in that I don't look at very specific examples, but that's sort of the point of it, because so much of making a responsive layout is about how you approach writing your code.
Every layout is different, so even from one login page to another, unless the design is identical, you'll have different constraints and issues to work out.
Also, in general, things like icons and buttons don't really need to be "responsive", so I'm not sure what you mean with that š¤
That's right. I have google/facebook buttons as <i class> and they should be responsive. Maybe its bad idea to use i class?
What's not "responsive" about them?
<i>/font based icons are basically just fonts and can be resized with
font-size: css in the right placeYeah, could you explain what you mean by the buttons being responsive?