CSS

In this section, we will describe the css sction and provide examples of its usage.

Overview

CSS in UncodiePro is designed to provide programmers with an environment to extend the style features of an Uncodie component or page. Adding CSS rules to a component or page

Adding a CSS to a component or page

1 - Select the desired component or page.

2 - Navigate to the "CSS" section.

3 - Modify the CSS code to apply the desired style to the component.

/* Reset styles and general adjustments */
body, h1, p, div {
    margin: 0;
    padding: 0;
}

/* Basic style for the element container */
.mi-elemento {
    width: 300px; /* Adjust as needed */
    height: 200px; /* Adjust as needed */
    background-color: #f2f2f2; /* Change background color as per your preference */
    border: 1px solid #ccc; /* Element border */
    border-radius: 10px; /* Rounded corners */
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Arial', sans-serif; /* Change font as per your preference */
}

/* Styles for the text inside the element */
.mi-elemento p {
    color: #333; /* Text color */
    font-size: 16px; /* Font size */
    font-weight: bold; /* Font weight */
}