nikolajseverin
@nikolajseverinAll solutions
Sign up site
Submitted 3 months agoI’m currently facing a challenge with making my site responsive after going live with my HTML and CSS project. I’ve built the layout for desktop screens (1440px), and it looks good at that size. However, I’m not sure how to approach making it work for mobile devices (like 375px width).
When I open my live site and try to resize the window, I can’t get it to show how it would look at 375px unless I use Chrome’s developer tools and switch to mobile view manually. This makes it hard for me to understand what the proper workflow or strategy is for developing a responsive site that works well on both desktop and mobile.
I know that media queries are involved, but I’m confused about: • When and how to test mobile views effectively (especially after going live). • How to set up a proper development process for building mobile responsiveness after the desktop version is done. • Whether I should rely on the Chrome inspector tools for mobile views, or if there’s a better approach.
Any advice or guidance on how to structure the development and testing for responsiveness would be super helpful!
GRID FOR PEOPLE
Submitted 3 months agoI unsure of how important semantic html is, especially because I am not using it that much. Also should I switch out px or anything like this with some other units. and also how good should I be before moving onto react, typescript...
Omelette Recipe
Submitted 3 months agoI just started out in frontend, and find it fun. I'm open to all comments, but really want some good straight forward guidelines when I should use which units to what. Like padding, fonts, margins, images, container sizes and so on. especially if you want the window to dynamic resize.
FAQ pls check for good units and resizing
Submitted 3 months agoProbraly just to correct me on the resizing and the units choosing.