Skip to content
OverviewSolutions
6
Comments
8

Bandaru Sindhuja

@SindhujaBandaruIndia190 points

Iam a Engineering Graduate.Im currently working on my technical skills.

Latest solutions

Latest comments

  • Bandaru Sindhuja•190
    @SindhujaBandaru

    Hello Chaitya! Congratulations on completing your project👏

    To center the container and to make it viewable use width,min-height in body section. body{ display:flex; min-height:100vh; width:100%;

    For perfume part to make it capital. .perfume{ text-transformation:uppercase; letter-spacing:1rem; }

    And Intially set padding and margin to zero so that no padding and margin would be applied to the whole html page.After that it will be easy to adjust the both. *{ padding:0; margin:0; box-sizing:border-box; }

    Once visit this website

    [( https://www.w3schools.com/css/default.asp)]

    **Hope this helps!**😃

  • Bandaru Sindhuja•190
    @SindhujaBandaru

    Hello Julien congratulations on completing your new project👏

    You shouldn't use display,width ,height inside the html.

    Instead you have to add some changes to the body.

     Use 

    body{ display:flex; min-height:100vh; width:100%;  justify-content:center;  align-items:center; }

    Hope this hepls😃

    Marked as helpful
  • Bandaru Sindhuja•190
    @SindhujaBandaru

    Hello! Abdulmalik Congratulations on completing your new project👏 To center the QR card you have to add some changes to the body Use display:flex; min-height:100vh; width:100%; justify-content:center; align-items:center;

    To improve the Container height use👇 max-width:340px; height:auto; (this make sure to adjust the height of the container as the content increases)

    Hope this helps😃

    Happy Coding🥳

    Marked as helpful
  • Bandaru Sindhuja•190
    @SindhujaBandaru

    **Hello MrFougasse Congratulations on completing your new project 👏 ** I can't see the code for this site please share the link. And for the button to center the whole text use👇 display: flex; text-align:center; justify-content:center; align-items:center; max-width:100%; Happy Coding🥳🥳

  • Bandaru Sindhuja•190
    @SindhujaBandaru

    Hello @codercreative Congrats on completing your project.

    -For body tag in CSS instead of using margin to center the body,use this instead

    body{ display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:100vh; }

    If you need to put some content just in the middle of the page you have to set body to min-height: 100vh; and handle the overflow if needed. Hope this helps!

    Marked as helpful
  • Bandaru Sindhuja•190
    @SindhujaBandaru

    Hello @trandainien Congrats on complete your new project. A humble mention, you uploaded Order summary component solution to 3 column card component. -->Use a article tag after the body tag to avoid accessibility issues. -->Code for your "option" div to make it active use and also use anchor tag <a href=""></a>(it is used to make/add links) .option a { margin: auto; margin-left:5rem; font-size: 0.8rem; color: var( --primary-bright-blue); font-weight: 700; }

    .option a:active { cursor: pointer; color: var(--neutral-desaturated-blue); text-decoration: none; } Happy Coding!

    Marked as helpful
View more comments