All solutions

Fun!

i created this page while learning grid again it so easy to create any big thing in grid i highly recommend to create big thing in grid then inside components in flex try this and thanks me later...

Hey It's Been Week Since i post something or give any tips and tricks but i was learning how to make perfect responsive laytout i try my best here!!!!

❗❗❗❗❗❗ Hello,

🚨🚨 Day 2 of tips and tricks! 🚨🚨

If you haven't checked out my previous challenge, you really should. I provide you with really good information that will help you with responsiveness.

Today, I tried something different. Instead of doing everything at once, like working on the HTML and CSS together, I took a different approach. I focused on the HTML first, just like in the old days when there was no CSS. As there is no CSS, the page is responsive by default. That's why I tried HTML first. After completing the HTML, I worked on the CSS, starting with typography and then moving on to classes. It has been really helpful for me, and I highly recommend you give it a try.

That's it for today. Stay tuned! I'll try my best to complete a challenge every day 😊 If you found this helpful, don't forget to follow me and check out the other challenges.

So, first, I was very bad at CSS. I knew what to apply, but after applying it, it became a mess. I felt like giving up and questioning myself why I was doing this. However, after digging and researching, I found some courses that really helped me. No, this is not some kind of promotion. I want to tell you that if you don't have money, don't worry. I will create a daily challenge and provide you with information that will be helpful to you in the future.

So, let's go with this one: I created this layout without using height and width unless it's really necessary, such as in the body to center the div. I avoid setting height because if you set height, you will lose responsiveness. Remember, HTML is responsive, and we are the ones who make it unresponsive.

Here are some tricks:

Always use padding to set the height and width of buttons or make them look like buttons. The ratio I use is 1:2 (height:width), depending on the button. Use "em" for setting padding and margin, and use "rem" for font size. This video link (https://youtu.be/_-aDOAMmDHI) explains why. I'm sure it will be really helpful to you. After watching this video, you will understand why "em" and "rem" are preferred. With this approach, we only need to make slight changes in the media queries. I hope this helps you. If you have any questions, feel free to ask me here. If you like it, then follow me, and I will post every day.

Still lot to learn!!

Last Of Today!! Nyt

This Take Time

i Will Reduce my js code

Easy

There is lot difficult to build exact same layout as in design folder why ? beacse of sizing i have to deside size of elemnet my self othervise everthing workout still though i am learning difficulty is my friend right now