how can we make website responsive for mobile and desktop using HTML and CSS only? So I am new to web development. I was wondering if it is possible to make a responsive sites with ONLY HTML and CSS? Or learning Bootstrap or Tailwind a must?
Share
Talk Programming , Career, Mental Health, Talk Personal Finance ❤️ Post a query and receive responses ✅
Post a query and receive responses. Ask anything, Ask Mitra ❤️
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
You can make a responsive site Only using HTML & CSS. Framework work is used to save your time. it is not necessary that a framework is needed to make a site Responsive. You can make it by using only CSS too but it takes a lot of time so a framework is needed.
To choose which framework you should learn. please watch this video
You can do it using css only.. using
media query and break points
this is how systax goesusing media query you can change property of element according to the viewport width or height.. (width or height of the screen) this is how responsive are achieved
another example is
have a look at this MDN the great docs for HTML Responsive design – Learn web development | MDN (mozilla.org)
Yes you can do it using just CSS.
It uses the
@media
rule to include a block of CSS properties only if a certain condition is true.Example
If the browser window is 600px or smaller, the background color will be lightblue:
You can do it just by using CSS Media queries.
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
Check this out
Of course you can do it and consider learning these things.
check out @media queries
You can do it with just CSS media queries and breakpoints…