zrozumiecReact.pl

import styled from "styled-components";

const StyledHeading = styled.h1`
    font-size: 36px;
    color: #333;
    text-align: center;
`;

const StyledSection = styled.section`
    margin: 24px 0;
    padding: 24px;
    background-color: #f7f7f7;
    border-radius: 4px;
`;

const StyledSubtitle = styled.h2`
    font-size: 24px;
    color: #4796BE;
`;

const StyledText = styled.p`
    font-size: 16px;
    color: #666;
`;


export default function App() {
    return <>
        <StyledHeading>Koniec szkaradnych apek!</StyledHeading>
        <StyledSection>  
            <StyledSubtitle>CSS</StyledSubtitle>
            <StyledText>
                CSS (Cascading Style Sheets) to język używany do projektowania i 
                układania stron internetowych, nadając im kolor, styl i układ.
            </StyledText>            
        </StyledSection>
    </>;
}