How to fix this code

Question

How to fix this code

I found this very helphful article: https://www.studytonight.com/post/how-to-build-an-animated-counter-with-javascript#google_vignette
its working perfect on computer version, but how to fix this so it will look nice on mobile version, how to convert row in to column
Thanks.

html

one year ago by z5o51f6

2 Answers

Login / Signup to Answer the Question.

Login Signup

**iamabhishek** · Answer 1 · 2023-08-25T06:00:38

I have updated the code example. I have added @media query to provide different styling for screen width 500px or less.

I have used flex-direction property. By default used the flex-direction:row and for small screen size changed it to flex-direction:column for .counter-container class.

**z5o51f6** · Answer 2 · 2023-08-25T13:59:39

iamabhishek Thank you very much, evericing working perfect, one more question: How i can add symbols with numbers
For exemple i need : 800+ 99% 7+

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

How to fix this code

2 Answers

Login / Signup to Answer the Question.