previously completed, resubmitting for the learning path
What challenges did you encounter, and how did you overcome them?previously completed, resubmitting for the learning path
What specific areas of your project would you like help with?previously completed, resubmitting for the learning path
HI your work so great, but to make it closser to design i thought that you can improve little things like your h1, fontSize and padding. and i was relize that the message of hanling error on your form didt work properly, I hope you keep trying, things are looking great so far!
I would like to pay attention to the toggle.js script. When I toggle between elements on a screen smaller than 1400px, I can toggle only once, and to toggle again, I need to restart the server. With the screens bigger than 1400px, I dont have this issues, the toggling is working fine.
Also my HTML structure is something that I want to be carefully reviewed. I'm pretty sure that my HTML is not the best one, but I didnt have any other idea how to structure it.
hi your work's so cool but maybe u can improve to make it more aproaching the design, your border-radius on ur image in desktop mode can improve with border-radius: 1rem 0 0 1rem; (the value is just an example).
I proud of my tailwind skills.
What challenges did you encounter, and how did you overcome them?I don't have pro account so that's why the colors and dimensions were challenging.
What specific areas of your project would you like help with?Colors and sizes.
I'm proud that I was able to use css grid or at least identify that I could use it and I'm quite proud of how easy I found laying out this project.
What challenges did you encounter, and how did you overcome them?No real big challenge except for getting started.
What specific areas of your project would you like help with?I would appreciate a better method of editing th cards because I feel like I could make it much cleaner code.
i think this is great, i hope i can do it like u the code very clean
actual size of design, My solution is upload the image design to figma
What specific areas of your project would you like help with?Improve code and better code
nice for you but maybe you regret to manage the footer, i think u make the display container with flex, and you can fixing this with flex-direction. try with coloumn or reverse-coloumn
Hi nice to see ur project, i think your last element (photo & name) in the bottom not inside of class totalmain? maybe you can try the last element with absolute display
hi your work is great, but I think the fontsize in the title could be adjusted more to fit the design, but overall it's cool
hi this is a cool project I see that the mobile one isn't as pretty as the wide one, I mean maybe you can add some margins and again regarding the words "Please provide a valid email" it's not visible when on mobile.
Happy coding
HI ortalyarts....
Lovely design, in desktop and mobile. but maybe you can make the button more responsive.. i mean if we click it for the first time its appear the share box and we just click for the second time the box disapear again.
maybe you can do it by "toggle"
var shareIcon = document.querySelector('#share-icon'); var socialIcons = document.querySelector('#share-holder') const autorHolder = document.querySelector('.autor-holder')
shareIcon .addEventListener("click", (event) => { autorHolder .classList.toggle('share-active') socialIcons .classList.toggle("share-active");
}
});
and in your CSS u can add style that the display in class share-active is none. .share-active { display: none; }
I hope that helps
How can a i get the " Ready To Build Your Community? " to get on top of the bottom box, with the dark color. I tried using margin, but the dark background always came on top.
Am i writing to much CSS? i'm using the @midia in order to make the page resize for the mobile, but is there an easier way to make it instead of rewriting the same section diffirently to each size.
hi mybe u can add relative position
you can add 2 line code in your div .div { position: relative; top:10px; // to make div push to the buttom 10px from the top }
https://codepen.io/Agus27111/pen/mdvXrKL
