![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bjqKdP/btr0m6AqZUc/4fM5kClRGKIAo7jCaksxOK/img.png)
As a web developer, creating a user-friendly and responsive website is always my top priority. I believe that designing for the user's perspective is key to creating a successful website that is easy to use and navigate. When it comes to presenting complex data in tables, it can be especially tricky to make them easy to use and read on small screens. When I first received the task to make the ta..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/N0CKY/btrZB3QvGic/rHmJaK4YykQ2TOx0wQtaR1/img.png)
If you're building a website using CSS and notice white space on the right side of the screen in the mobile mode, it's likely because your content is wider than the screen width. This was one of the biggest bug that I've encountered recently, and I want to talk about the 4 troubleshootings that I've done to fix this bug. 1. Use the viewport meta tag The first step is to use the viewport meta tag..
- Total
- Today
- Yesterday
- bootstrap5
- handleNullData
- BEM-like-Naming
- CSV Validation
- SSR
- angularjs
- UX
- responsive table
- responsive design
- CSR
- promise.all()
- Desk Setup
- $scope.$applyAsync()
- frontend
- CSS white space issue
- Next.js
- Bootstrap5 tab
- ImportCSV
- orderByFilter
- junior frontend developer
- React.js
- Responsive Troubleshooting
- CSS
- #노개북 #노마드코더 #개발자북클럽 #클린코드
- developer tools
- JSON-CSV-Conversion
- BEM
- scrollabe table
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |