Skip to content
OverviewSolutions
33
Comments
11

Efere Precious

@justEfereNigeria580 points

I currently taking a course on creative web dev, nodeJS.

I’m currently learning...

NodeJS, Dart, PHP

Latest solutions

View more solutions

Latest comments

  • Efere Precious•580
    @justEfere

    to actually get the exact dynamic height. You need to find what percent is the .json amount value to the total height of the chart div.. for example. if the total height of the div is 200px, and the .json amount is 23.4. you then need to find 23.4% of 200 and use the value as fill value for the div.

    ${(23.4/100)*200}px will give you the exact height for any div and make it dynamic.

    I hope this was helpful.

    Marked as helpful
  • Efere Precious•580
    @justEfere

    In the boton.addEventListener("click", (e) => { e.preventDefault(); }

    add this to the beginning the form from automatically submiting data

    Marked as helpful
  • Efere Precious•580
    @justEfere

    hello, you can use this solution:

    <div class="form-group"> <input type="text" name="firstname" placeholder="First Name"> <span class="err-icon">!</span> <span class="err-msg">firstname cannot be empty</span> </div>

    for the css You can use css positioning to position the err-icon and err-message within the form-group div and also set their property to visibility: "hidden".

    for the js select err-icon and err-message and when displaying errors, set their visibility to visible.

    Marked as helpful
  • Fer•3,970
    @fernandolapaz

    NFT preview

    #accessibility#lighthouse
    1
    Efere Precious•580
    @justEfere

    I'll really love to know how you got the size so precise.

  • Efere Precious•580
    @justEfere

    Check below for the code that can correct that. However, I think you need to work on making it responsive.

    .image-card {
    background: linear-gradient(hsl(277, 64%, 61%, 40%), hsl(277, 64%, 61%, 40%)), url(image-header-desktop.jpg);
  • Efere Precious•580
    @justEfere

    Hope this will be helpful. before writing your css, ensure to add this code to reset padding, margin, and box-sizing. This will help you to get the width and height size properly without issues.

    *,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

    The container has a background color. Remove it

    .container {
    background: hsl(244, 38%, 16%);

    Here's a tip. You can use display: flex on the .main-content with flex-direction: column to have a constant spacing between items.

    .main-content {
    display: flex;
    flex-direction: column;

    I'll stop here.

View more comments