Part 2: Figma To Gutenberg Using Spectra Block Editor & Astra theme full Project.

Spectra Block Editor Complete Project from Scratch. In this video, I'll show you how to make your website mobile-friendly and tab using Gutenberg block editor and the Spectra Block editor page builder. Also, I have used the most popular Astra theme in this project.
✅ Part 1: • Part 1: Figma To Guten...
✅ Learn FSE (Full Site Editing with Live Project): • 1. Full site editing F...
✅ Learn Spectra Step by Step: • Spectra Block Editor |...
✅ Download Resource file: riadmahmud.com/figma-to-guten...
After completing this tutorial, you will have solid knowledge about Spectra and how to design almost any kind of content layout using the Spectra block editor inside your website.
If you have any questions or suggestions, feel free to comment below.
🔴 TOP WORDPRESS DEALS IN 2022 🔴
===============================
✅ Download Astra Pro: riadmahmud.com/ref/astra (SAVE 20%)
✅ Download WP Portfolio: riadmahmud.com/ref/wpportfolio (SAVE 20%)
✅ Download Spectra Block Editor: riadmahmud.com/ref/spectra
✅ Download Kadence Theme: riadmahmud.com/ref/kadence (SAVE 10%)
✅ Download Elementor Pro: riadmahmud.com/ref/elementor
✅ Download LearnDash LMS: riadmahmud.com/ref/learndash
✅ Bluehost Hosting: riadmahmud.com/ref/bluehost ( 60% OFF WITH FREE DOMAIN )
🔴 BEST WORDPRESS PAGE BUILDERS 🔴
=================================
✅ Elementor: riadmahmud.com/ref/elementor
✅ Beaver builder: riadmahmud.com/ref/beaverbuilder
✅ Brizy: riadmahmud.com/ref/brizy
✅ Divi: riadmahmud.com/ref/divi
🔴 BEST WORDPRESS HOSTING 🔴
============================
✅ Bluehost: riadmahmud.com/ref/bluehost (60% OFF WITH FREE DOMAIN)
✅ CloudWays: riadmahmud.com/ref/cloudways
✅ WPEngine: riadmahmud.com/ref/wpengine
🔴 CONTACT WITH ME 🔴
=====================
🟢 Website: riadmahmud.com
🟢 Facebook: / riadwebpro
🟢 Facebook Group: / 2190516887945067
🟢 Twitter: / riadmahmud46
🟢 Instagram: / riadwebpro
Spectra Block Editor Complete Project

[@BrainstormForce]

Loved this video :)

[@KhalidSajuOfficial]

wow

[@RiadMahmud]

😍😍🥰

[@howtowp7886]

Thank you so much for this responsive guide. I was looking this kind of video from last few days to understand exactly how the responsive view works inside gutenberg editor. 😍

[@RiadMahmud]

Glad it was helpful!

[@KhalidSajuOfficial]

Thanks a lot Bro

[@RiadMahmud]

Always welcome

[@KhalidSajuOfficial]

@@RiadMahmud ভাই আপনি বাংলা চ্যানেলে আর ভিডিও দিচ্ছেন না!!!! আমি অপেক্ষায় আছি্‌, আর এই ভিডিও গুলার বাংলা ভারসন হলে খুব ভালো হতো

[@RiadMahmud]

@@KhalidSajuOfficial vaia bangla channel bad diye diyesi ota te ami ar kaj korsi na hoyto onno ra video dibe future e

[@sanzii1206]

Good Video!!
Can you explain how to add motion effects to different parts of the website using gutemberg?
Thank you

[@RiadMahmud]

Great suggestion! But unfortunately there is no motion effects inside Spectra as of now. However, I hope there will be soon.

[@bauleemarketing]

I removed the left margin on the star rating title using the custom css plugin you showed from your other tutorial.
.uag-star-rating__title {
margin-left: 0 !important;
}

[@RiadMahmud]

Thanks for sharing this but try not to use too many custom CSS. However, if you want to use then make sure you have add custom class and nested them properly.

[@arafatehossenemon3164]

I want elementor Project and
E-commerce (woocommerce)
Basic to advanced project 😔

[@RiadMahmud]

The next video will be based on WooCommerce 😍