All solutions

Hello everyone! In this challenge I tried to use bootstrap since I still not familiar with it. I am using webpack, and sass loader to be able to compile my custom bootstrap scss. Learned a lot from this simple challenge! Any feedback is welcome. Have a nice day!

Hello everyone! So, this is my first Bootstrap CSS experience. I usually use tailwind css and fortunately I could do tweaking and configuring my tailwind styles in npm. But it's hard and I'm not find a way to customize Bootstrap styling. I use CDN may be that's not right(?). I want to add my custom rounded-4 but I ended up creating my custom css. I still need doing more research about how to do it. Anyway thanks for reading, any feedback will be appreciated. Have a good day!

Hello guys, I really forgot to submit this challenge, its already around 3 months lmao. So, in this project I tried several new things. Tailwind.css, Autoprefixer (to fix some browser capability on my custom css) and CSSWring (to create a minified version of css). To compile all of these module I used PostCSS to help me. Thank you for visiting, have a nice day!

My first ever mobile first approach. I usually using desktop first because that's what I am comfortable with. Also I just learnt about tailwind arbitrary values, which is really helpful to create custom size in inline class (without tailwind config). Any feedback will be appreciated. Thanks for visiting have a good day!

Hi!

I spent long time to create this component. I was expecting to complete the challenge faster. But at least I learnt so much.

I have question regarding to custom Input Range or Slider. Why the custom Input Range appear really good in firefox but bad at chrome ? Ohh and how to add image on slider node on chrome?

Also I want to know how to study more about each property browser support. Like -webkit -moz etc. You guys have some advice? Let me know!

Thats all from me, thank you for reading. Any feedback is welcome!

Hi, all!

This is my first landing page. I use organized SCSS as a practice to real world long project.

I wondering how to hide / disable activated dashboard on device mode by clicking outside window.

Also I don't have any idea how to complete the project without Javascript code, since the description says that it's possible to complete the project by only using html and css.

Thanks, any feedback greatly appreciated!

Hi! This is my first javascript challenge on this website. This also my first time using SASS and SCSS but I already using BEM Style for a while.

I have a question about Input text. The text seems to be cropped from inside, I tried to enlarge the padding on the input text field, but it didn't change at all. As example try to write number 1, the top of 1 will be cropped. Is there any idea how to fix this ?

By the way, any feedback is appreciated!

Hi! I want to ask about min and max function in older browser version: such as IE or firefox. I knew firefox is a modern browser, but mine is the old version.

Is there any trick or tips to achieve the same effect as min and max function in older browser? Other than that, any feedback is appreciated! Thanks!

Hi all! This is my first solution on frontendmentor. I suspect strange behaviour that the preview between firefox and chrome are different. I don't have any idea what happened, i don't know it's because my firefox or my code but they are gives the same result, only different scale. Also any feedback is appreciated!