Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. It uses a class to add CSS to the elements.
There are different styles of putting images in our web app using semantic-ui to make out website look more awesome. You can put an image or an SVG.
Let’s see some example of how to use semantic-ui for putting images.
Example: This example display a simple image using semantic-ui.
Example: This example adding a border to the image.
You can see the border exactly by running the example in IDE.
Example: This example creating a Circular Image.
Example: This example creating a Vertically aligned Images.
Note: You can add class mini, tiny, small, medium, large, massive to change the size. You can run any of this example by clicking on Run on IDE.