Відео

Thank you so much, buddy! Stay tuned, more videos coming soon.

Thank you so much! Glad you liked it!

Thanks, buddy! 😊

Thanks, buddy! Glad it worked for you!

never mind, all solved

Thanks a lot, buddy!

Thanks, buddy!

You're welcome, buddy!

Here is it buddy: citrusui.in/components/application-ui/file-upload

That's good too, buddy! I just wanted the X mark to align with the heading.

Thank you very much buddy

You’re very welcome, buddy! Documentation can be confusing, often skipping simple details that could resolve issues. I’m glad my video helped!

Hi buddy, I’ve noticed that too and switched to a dark theme in my recent videos Thanks for the feedback!

Thank you very much

To answer your question simply: yes, you can keep the .exe file, and it won't be a problem when building your project. The .exe is only needed for development to compile your Tailwind CSS, so it won’t affect your final build. You can leave it in the project if you’d like, but after building, it’s safe to remove or exclude from production. Let me know if you need more help!

@@sashank_gl Thank you for advices !

Thank you so much

You are welcome, buddy!

Good question! You're right, it works without `flex` in the parent class. But using `flex` helps center the grid and control its size better. Without it, the grid might take up the full width and height. If you don’t need centering or size control, you can remove the `flex` class. It's optional!

Thank you so much buddy! 😃

Hi buddy! I appreciate your feedback. I understand that Grid can be confusing for beginners, which is why I chose to break it down into simpler, bite-sized videos for this course. This approach helps make each concept more digestible without overwhelming anyone. I do have a more elaborate video on Grid that I released a few weeks ago. You can check it out here: ua-cam.com/video/CwjFnPoNHvc/v-deo.html. I hope it helps! Thank you for your support!

Thank you so much for the kind and creative words, buddy! 🙏 Your support really means a lot, and I truly appreciate you taking the time to share this. I'll keep working hard to bring even more valuable content your way! 💪 Thank you again!

Hi buddy, Please send me the below information on LinkedIn so I can have a better idea of your problem and help you: - Screenshots of your repository - Commands you are using to save and run the project

You're welcome buddy!

Thanks Buddy!

You're very welcome! I'm glad it worked for you.

I'm not sure I follow. Flexbox doesn't narrow the viewport; the viewport is just the screen size of your device. Container classes behave the same across all devices and don't change based on which device you're using. Also, there seems to be no connection between your first question and the text class. When you use sm:text-lg, it means the text becomes large on screens 640px or wider. Since the iPhone SE has a screen smaller than 640px, it will display the default text size.

Thank you! The iPhone simulator I'm using is a chrome extension. You can find it here: www.webmobilefirst.com/en/

@@sashank_gl awesome. thank you so much

Hi, in this video, I was using Vue.js. Please make sure you have Vue.js installed. If you haven’t installed it yet, you can follow this tutorial: ua-cam.com/video/-bYiv3qczVo/v-deo.html. If Vue.js is already installed, double-check that you’re in the correct directory in your terminal where the package.json file is located. If you downloaded my free code(sashankgl.gumroad.com/l/travel-page), navigate to the folder containing the project files and run "npm install" to install all the required packages. After that, you should be able to run "npm run dev" successfully. Please share me screenshots on my LinkedIn if you still have issues.

I’ll do it as soon as the Tailwind series is finished AnasRiaz. In the meantime, the code is already available in my component library, Citrus UI. You can copy the code and paste it directly in your project. Check it out here: citrusui.in/components/auth-form

Thank you Generally, multi-level dropdown menus aren’t recommended for mobile devices due to limited screen space and the lack of hover interactions on touchscreens, so this menu isn’t responsive by default. To make it work on mobile, it's better to use clicks to show and hide menus. You can hide the previous menu when displaying a new one, ensuring that only one menu is visible at a time. This approach keeps the interface cleaner and more user-friendly. For the mobile version of this Multi-Level Dropdown Menu, you can check out my tutorial here: ua-cam.com/video/iBzvrz0hrWo/v-deo.html.

Thank you!

Hi! I'm doing well, thanks for asking. I'm glad you're enjoying the video series! To prevent your webpage from stretching to the edge on larger screens like a 16" MacBook or a 27" iMac, you can use the `max-w-screen-2xl` class, which sets the maximum width to 1536px and prevents it from going beyond that width. Combined with `container` and `mx-auto`, this keeps your content centered and adjusts the max width automatically for smaller screens. Here's an example of how you can implement it: HTML: <div class="container mx-auto max-w-screen-2xl h-screen"> <div>content here</div> </div> Hope this helps!

Is it normal to have the screen fully showing on iMac?

Yes, by default, websites typically stretch to fill the full width of the screen on any device, including iMacs. This is normal behavior. However, if you want to prevent that, you can follow the steps mentioned above.

Of course, you can do animations in Tailwind CSS. It includes some default animations, and you can also create custom ones. I’m covering all topics in Tailwind CSS through a video course on this channel. After a few more concepts, I’ll be releasing a video specifically on Tailwind’s animations. Stay tuned!

Yes, you can definitely do that! Keeping this video in mind, you can set up your container in `tailwind.config.js` to center automatically, apply padding, and add margins as well. This is useful if you want a consistent look across your project. Here’s an example: module.exports = { theme: { container: { center: true, padding: '2rem', margin: '1rem', }, }, }

Glad it helped!

Bootstrap

Hi AnasRiaz! With Bootstrap, you typically don't need to write much Vue.js-specific code. You can find Vue.js examples using Bootstrap's accordion component here: bootstrap-vue.org/docs/components/collapse. Additionally, you might find a similar accordion-style FAQ component on Citrus UI: citrusui.in/components/faqs. I hope these resources are helpful! Since I don’t generally use Bootstrap, I don’t cover it on this channel, but I’m glad to help you find what you need.

@@sashank_gl Thank you Sir

Sir One request you create a video vue js help to create a login page

I’ll try to create a video on that soon. In the meantime, the code is already available in my component library, Citrus UI. You can check it out and explore all the components here: citrusui.in/components/auth-form

JIT (Just-In-Time) mode is the default in Tailwind CSS version 3. In version 2, we had to define it in tailwind.config.js, but it's not necessary in v3. JIT helps reduce build times and improve website performance by only generating the CSS classes you actually use. As a user, you don't need to do anything with JIT - it's automatic in v3. Now, regarding your second question, using Vue.js does involve some JavaScript knowledge. While it's better to learn JavaScript first, you can get started with Vue if you grasp JavaScript concepts well. Here are some Vue.js videos on my channel that might help: ua-cam.com/video/G3GV7ROX5o4/v-deo.html (Install Tailwind CSS in Vue.js 3), ua-cam.com/video/-bYiv3qczVo/v-deo.html (Building a Task Manager using Vue.js 3)

You're welcome

I don’t understand buddy, please explain clearly.

@@sashank_glSir, a video was made in which images are changing with the help of a for-loop using Vue.js.

I already made a video where I used v-for (for-loop in Vue.js). Here is the video: ua-cam.com/video/SgAzvn1TgkA/v-deo.html and here is the code: citrusui.in/components/our-team.

You are welcome What is a bong?

​​@@sashank_glBong like brother, Cambodia we're say bong.

@@Red-cz3bt Good to know bong 😃 Greetings from India 😊🙌🏻

You are welcome 🙂

You are welcome. All the best to your project!

Thanks a lot! And, I just checked the background music. It is so low to notice when I use external speaker, but loud when I put headphones. I'll make the adjustments to the future videos. Thank you!

Hi D, I'm glad my video was helpful, and I completely agree with you about WordPress. Vue is indeed lighter and faster. I'd love to network with you too! Feel free to connect with me on LinkedIn or Twitter. And yes, learning JavaScript is crucial for progressing to frameworks like React and Vue. It takes time to design the JavaScript program, so stay tuned. I'll make sure to create an engaging and easy-to-follow video to help you get started. JavaScript can seem complex initially, but I'll do my best to make the learning process enjoyable.

@@sashank_gl What files do you upload to public on server for tailwind to work with HTML & CSS? Regards D. Also can I use Vue just to make a static website. Not sure of the file uploads i would need for the server in public folder.

For a raw HTML and CSS website, upload your HTML files, the compiled CSS file (e.g., styles.css), and any JavaScript files (if used) to the server. And regarding Vue, yes, you can use for static websites. When you build your Vue.js project, a folder called dist is created. You need to upload everything in that dist folder to your hosting server for it to work.

@@sashank_gl Thanks Sashank. Much Appreciated and the time you put in for these videos. Hope you channel blows up to be big.

It means a lot buddy. Thank you! 😊🙏🏻

Sure AnasRiaz! I'll add a video on creating ApexCharts with Vue.js to my list of upcoming videos. Subscribe to the channel so you’ll be notified when it’s posted. Feel free to connect with me on LinkedIn and Twitter to discuss your request or stay updated.

@@sashank_gl Ok sir kindly please tell me a time to uploading a video

@@sashank_gl sir my project is working plz quick me answer and im Subscribe this channel

Sir please tell ma answer argent

@@AnasRiaz-tq7ts Probably 3-5 days buddy 🙂

OMG 🤩 Thanks a lot friend

@@sashank_gl thnx

Glad to hear that and a great suggestion indeed! I'll definitely make the type of tutorials you asked. Thank you!