Make HTML/CSS block mobile responsive
Budget: $10 – $30 AUD
I have a block of code in HTML that uses CSS to do a simple animate on a hover. It looks fine on a desktop but does not work for a mobile view. I want someone to take this code and:
a) Make it mobile responsive so that it scales for small, medium, large screen size. The hover animation does not need to work on a mobile view but the HTML needs to still look clean
b) Place the updated block into the right-hand half of a landing page style heading (e.g., something like this https://preview.colorlib.com/#nexus)
There are four lines of HTML and ~60 lines of CSS to get the current animation working.
Using Bootstrap 5 for any grid/column layout is preferred.
a) Make it mobile responsive so that it scales for small, medium, large screen size. The hover animation does not need to work on a mobile view but the HTML needs to still look clean
b) Place the updated block into the right-hand half of a landing page style heading (e.g., something like this https://preview.colorlib.com/#nexus)
There are four lines of HTML and ~60 lines of CSS to get the current animation working.
Using Bootstrap 5 for any grid/column layout is preferred.