Designing Responsive FSE Theme | WordPress.org


I’m brand-new to establishing styles and also wish to change customers styles right into actual websites. I have actually formerly made receptive fixed websites utilizing bootstrap so I know with HTML, CSS, PHP, JS and so on

Beginning establishing wordpress styles I see the brand-new standard is create block styles rather than timeless (where receptive aspects refer standard bootstrap)

My very first objective was to develop a style with a hero cover and also round website logo design in the facility.

Including a site-logo to the cover block offers a picture size control which remains in px (consequently not receptive) I can bypass this in CSS as an example by using size: 30vw; elevation: car; nevertheless as anticipated this produces weird cause the editor

Additionally when transforming the photo size in editor once the initial dimension of the photo is gotten to increading the size even more has no result in the editor display. (the logo design is nevertheless scaled up on the real website)

My primary inquiry is when establishing block styles what is the proper technique to make website aspects receptive when all size controls remain in px?