Bitcoin Forum

September 19, 2022, 08:03:21 AM
Welcome, Guest. Please login or register.
Pages [1]
Author
Author
Topic: Bitcointalk - Responsive design challenge (Read 92 times)

Synchronice

Member

RankRank


Activity: 167

Merit: 64


The replica of a runner-up



Bitcointalk - Responsive design challenge

Yesterday, I visited bitcointalk from my smartphone and oh shit, I still see the desktop version of the website. Guess what I did? Had some free time, watched html/css and CSS flexbox crash courses and tried to build it from scratch. (Okay, I was already familiar with HTML but CSS is my weak point).

Here in this low-quality video you see the difference between the original and my version. I'm sorry, I used an old laptop for recording. Decrease the volume to not hear mouse clicks Cheesy
https://www.youtube.com/watch?v=dRnsHfZCLig

P.S. I used flexbox, so I found it hard to implement the child board section, I guess I should have used a grid from the beginning.
If you would love to challenge yourself, build a responsive version of bitcointalk with modern html/css techniques.

Check the responsive version yourself on the device of your wish

Live Check on GitHub static page







Synchronice

Member

RankRank


Activity: 167

Merit: 64


The replica of a runner-up



Bitcointalk - Responsive design challenge

Yesterday, I visited bitcointalk from my smartphone and oh shit, I still see the desktop version of the website. Guess what I did? Had some free time, watched html/css and CSS flexbox crash courses and tried to build it from scratch. (Okay, I was already familiar with HTML but CSS is my weak point).

Here in this low-quality video you see the difference between the original and my version. I'm sorry, I used an old laptop for recording. Decrease the volume to not hear mouse clicks Cheesy
https://www.youtube.com/watch?v=dRnsHfZCLig

P.S. I used flexbox, so I found it hard to implement the child board section, I guess I should have used a grid from the beginning.
If you would love to challenge yourself, build a responsive version of bitcointalk with modern html/css techniques.

Check the responsive version yourself on the device of your wish

Live Check on GitHub static page