Arcloan
@ArcloanAll solutions
- Submitted about 1 month ago
room-homepage
- HTML
- CSS
- JS
My solution is far from perfect but it is working. I didn't correct the little details because I can't wait to learn css framework! The image isn't trasitioning on firefox because it doesn't support transition-behavior: allow-discrete. I had some problem with various hover state and as always I don't know if the size of things are correct because I see only the img files because i'm speeding up. With the js part I should have created a class for creating controls, it was a minute, but I duplicated the code which is really bad practice. For this very small project anyway I don't bother.
Any suggestions are really welcomed :) Thank you
- Submitted about 1 month ago
Loopstudio
- HTML
- CSS
- JS
I don't know if the markup is semantically correct. If it is I don't know if there is a better way to style the header. I had to give the header a position of absolute to make it work because I thought that nesting it inside the hero section would have broke the semantic meaning. I don't know either if my measure for the images and cards are off. I looked only at the png not at the design files. I should have split my .scss files in a more modular way but since this project is relatively small I didn't gave it much thought. Anyway any suggestions are really welcomed :) Thank you.
- Submitted about 1 month ago
nft-preview
- HTML
- CSS
Any suggestions are welcomed, thank you :) I don't know if for this project which is very small raising the specificity for displaying the hovering state of the image is good or I should have done extra markup in the html without resorting to css. I tried the bem methodology and I have found it really good at keeping the specificity under control as well keeping the code well organized. I learned about styled-components, css-in-js and other tools in helping keeping the complexity under control in big projects. I can't wait learning them.
- Submitted 2 months ago
Frontend-quiz
- HTML
- CSS
- JS
If anyone has any suggestions on the challenge I encountered, which I described above, I will be very grateful. I started my journey in web development 4 months ago and I don't know if I am on the right track or I'm behind. Any other suggestions are welcomed too. Thank you all.
- Submitted 3 months ago
Interactive-rating
- HTML
- CSS
- JS
Any suggestions on how I managed keyboard focus is appreciated. Thank you
- Submitted 3 months ago
password-generator
- HTML
- CSS
- JS
There is some refactory especially in the javasript file that should have been done but I was anxious to post my solution and to continue my learning journey. Anyway I don't know if the proposed solution is a good one for generating a random password. Except for some lexical awkardness(coming from a python background there is some way I should walk before mastering the javascript way and syntax) maybe there is some other clever method to generate a random password. Any comments on anything will be greatly appreciated. Thank you very much!
- Submitted 3 months ago
tip-calculator
- HTML
- CSS
- JS
I dont't know how well I managed the buttons for selecting the tip and the total working of the tip calculator. Any suggestions are really appreacited :) Thank you
- Submitted 3 months ago
newsletter-signup
- HTML
- CSS
- JS
I don't know if the way I coded the dialog is a good one so any suggestion will be welcome. Anyway all suggestions on anything are welcome too. Thank you
- Submitted 3 months ago
Article_preview
- HTML
- CSS
- JS
Any suggestions are welcome. I don't know if what I did to hidden the share links is correct. I double typed the hidden class to boost specificity because it was targeted by another class for the styling.
- Submitted 4 months ago
order-summary
- HTML
- CSS
I tried many approach to get the image right. I first applied a padding to the card container but the padding influenced the space occupied by the div containing the image. This was predictably. So I added a margin to all child except the first to get the spacing right. I don't know if there are other better ways to do this. Another thing is I didn't understand why if removing the flex container from body and giving margin-block of auto to the card it didn't center itself vertically nevertheless I set body min-height to 100vh. The margin-inline of auto worked but block no.
- Submitted 5 months ago
meet-landing-page
- HTML
- CSS
Any suggestion on how to make the vertical bar, general layout suggestions and if there is another method to make the second divider overlap with the footer. I managed to do that with negative margin and z-index. Thank you in advance
- Submitted 6 months ago
Testimonials
- HTML
- CSS
If someone has any suggestions regarding better css style or anything else i'm open to any suggestions. Thank you very much :)
- Submitted 6 months ago
Four card feature section
- HTML
- CSS
If anyone has any suggestions in general or regarding the sizing of the main box, that of the element, it will be really appreciated. Thank you :)
- Submitted 6 months ago
Product preview card
- HTML
- CSS
If anyone has any suggestion, especially on layout or sizing of the various container it will be really appreciated :) Thank you all.
- Submitted 6 months ago
Recipe page
- HTML
- CSS
If there are some things that could have been done better I would like to hear and learn :) Thank you.
- Submitted 6 months ago
Social links profile
- HTML
- CSS
If anyone can give me the feedback on the overall work or some tips for the sizing of the content it will be really appreciated. Thank you :)
- Submitted 6 months ago
Blog preview card
- HTML
- CSS
I don't know if I could have done better with the sizing of the various items. Any suggestions will be greatly appreciated. Thank you all :)
- Submitted 7 months ago
QR-code challenge
- HTML
- CSS
I would like some feedback on how to correctly display elements. At the beginning I was trying to set the width and height of the image using css but it didn't work. So i had set the width and height of the image inside the container with attribute inside the img element. It would be very helpful if someone explain me how can I display elements without resorting to trial and error using various px measurement for the width and height of element. Next I don't know why if I use more padding for the img element the border on top become straight and the border-radius property doesn't seem to work. I should say that the practice is really different from the theory. Any help will be greatly appreciated. Thank you very much
