Div blocks – Internet design tutorial



The div block is probably the most fundamental and versatile aspect utilized in web site design and improvement. To a sure extent, a div block will be no matter you need it to be. For instance, buttons, containers, and sections are all simply div blocks with further properties. A div block can be used to create house or dividers, however the most typical use for a div block is to group different components collectively.

On this video, we’ll present you how one can:

1. Add
2. Type
3. Nest
4. Duplicate

Div blocks, plus present you how one can use them as spacers (although we do not advocate it).

UPDATE: Please word that the “Middle” button has moved to the highest left of the Spacing UI. Here’s a screenshot to assist: https://share.getcloudapp.com/v1uLQyA2

Word: We’re transitioning to a brand new UI, and are within the strategy of updating our Webflow College content material.

———-

Get began with Webflow:
https://assist.webflow.com/programs/getting-started

http://webflow.com

http://fb.com/webflow

source

30 thoughts on “Div blocks – Internet design tutorial”

  1. Hey there, thanks a lot for these great tutorials! Really helpful and fun to watch at the same time. I've got a question regarding div-blocks, however. Where exactly is the difference between a container and a div-block? I watched both tutorials but they seem to do exactly the same thing, or am I missing something? Thanks

    Reply
  2. I know this probably isn't going to get read by anyone, ever, but I feel like my mind just expanded and I now understand 10% more of web design, just thanks to this video. Thank you webflow <3

    Reply
  3. MAN these tutorials!!!!
    I feel like I already understand the web.
    And the humor is top notch!
    Designers are visual learners, so the motion graphics help a lot.

    The team behind this should get an award or something.

    Reply
  4. so a section goes across the page (viewpoint), a container goes inside, then why add another div block? cant you use a container as a div block, since you can edit the width and height the SAME as a div block? what is the point of a div block if you have a container?

    Reply

Leave a Comment