Daniel Ayeni

Latest comments

• 

  P

  Shakira Reid - Thomas•150

  @KaeTheDevSubmitted 26 days ago

  What are you most proud of, and what would you do differently next time?

  I’m proud that I was able to figure out how to get the layout working using flexbox. When I first saw this project, I kept skipping it because it felt like I needed to know just a little more about responsive design to complete it. Overcoming that challenge and getting it done felt really rewarding.

  What challenges did you encounter, and how did you overcome them?

  One challenge I encountered was getting the design to display correctly without scrolling on both desktop and tablet views. I had to dive into CSS Grid and learn how to incorporate it into the media queries to achieve the layout I wanted. This really helped me improve my understanding of responsive design. It's not perfect but I am learning.

  What specific areas of your project would you like help with?

  Honestly, I’m still learning responsive design, so I feel like I could use help with almost every aspect. With each project, I find myself stepping outside of my comfort zone, but I’m learning as I go. I really appreciate any and all feedback to help me improve!

  

  Four Card Feature Section built with SCSS, Flexbox and Grid

  #sass/scss

  1

  30
  

  Daniel Ayeni•1,170

  @DannimationsPosted 26 days ago

  Firstly, GREAT job on the flexbox layout 👏👏👏👏 I know this project wasn't easy to figure out, especially with the transitioning between the mobile and desktop view.

  What i'd suggest (and what I do personally) is use wps photo viewer to see the full-screen version of the project and the image, and then alternate between them using the two by using alt+tab. That's how I do it, and I think that'll really help.

  Then for the screen sizes, just knowledge of media queries is kida enough to make progress on your own, especially if you like to experiment with different screen sizes.

  @media (min-width: 800px){} that's for the bigger screen sizes

  @media (max-width: 450px){} that's for smaller screen sizes.

  Hope this helps:)

  Marked as helpful

  0
• 

  Luis David•330

  @TheLuuiisSubmitted about 1 month ago

  

  News homepage

  1

  20
  

  Daniel Ayeni•1,170

  @DannimationsPosted about 1 month ago

  👏👏👏👏👏👏👏

  VERY impressive what you did with the entry behavior of the div's and the media queries.

  Three where some issues with the mobile views though, as the last div had a bit of a layout issue, which I also experienced when I did this project.

  A quick way to resolve this is by adding min-width or max width to the media queries.

  Marked as helpful

  0
• 

  rashed-mia•30

  @rashed-miaSubmitted about 1 month ago

  What are you most proud of, and what would you do differently next time?

  • complete with Tailwind CSS
  • making layout flex and grid
  • learn positioning

  What challenges did you encounter, and how did you overcome them?

  • I have faced a challenge in the footer
  • It's hard to make an absolute positioning

  What specific areas of your project would you like help with?

  • It's time to go footer
  • Header is an amazing part
  • and a pop-up card in the footer

  

  Alternative huddle landing page

  #accessibility#tailwind-css

  1

  00
  

  Daniel Ayeni•1,170

  @DannimationsPosted about 1 month ago

  Well, I think you submitted the project in the wrong place, but I understand what you were trying to do.

  For starters, you can try changing the appearance of the buttons and links when they're being hovered over, to give some sense of user functionality.

  You can achieve something like that using the 'hover' state attribute in the css

  button:hover{ }

  and then put the properties of the hover in the curly braces.

  Then for the footer, I had issues with it before, but I think you nailed it. Just use a basic flexbox for the layout, and if the div's are put in the right place, everything kinda falls into place automatically.

  Hope this helps:)

  0
• 

  Akash Naik•40

  @cakesandcarrotsSubmitted about 1 month ago

  What are you most proud of, and what would you do differently next time?

  Things look good to be honest

  What challenges did you encounter, and how did you overcome them?

  The UI worked fine on varying widths but broke on varying widths so I added a min height to avoid that issue.

  What specific areas of your project would you like help with?

  If some experienced individual is reading this then please review my code and tell me the things to improve upon.

  

  Responsive Social links page

  #tailwind-css#vite#node

  1

  00
  

  Daniel Ayeni•1,170

  @DannimationsPosted about 1 month ago

  I see you've made the project very close to the original, though id suggest you view it in full screen size before you submit, as it helps you to properly measure the dimensions you need for the project.

  Might I suggest using a photo editor or viewer that allows you to go into full-screen mode and then toggling between your web browser (with the project) and the image.

  ps. use 'f11' to go into full screen mode (atleast on chrome) :)

  Marked as helpful

  0
• 

  NayyabAqib•650

  @nayyabaqibSubmitted about 1 month ago

  What are you most proud of, and what would you do differently next time?

  I am proud that I successfully completed this project using only HTML and CSS. It was a great experience that helped me improve my front-end development skills. If I were to do this project again, I would add JavaScript to make the component more interactive and enhance the user experience.

  What challenges did you encounter, and how did you overcome them?

  i faced some challenges with CSS positioning and properly aligning the elements. Responsive design and button interactions were also a bit tricky. To overcome these challenges, I studied documentation, watched online tutorials, and used CSS Flexbox and Grid to fix the alignment issues.

  What specific areas of your project would you like help with?

  Through this project, I learned how to design interactive UI elements and gained a better understanding of advanced CSS concepts like Flexbox and Grid. Additionally, I realized the importance of proper spacing and alignment for a good user experience. In the future, I plan to integrate JavaScript to add more interactive features.

  

  rating preview

  2

  20
  

  Daniel Ayeni•1,170

  @DannimationsPosted about 1 month ago

  It looks like you've got a good handle on CSS. That's very good. What u need to do now is add the Java-script to add functionality.

  What I'd suggest is making the user's choice into a variable, let var userInput

  then implementing that variable in a p element in the html that changes with regard to the change in the user's choice, so that when the user clicks on something, it changes the userInput.

  You can always achieve this using event listeners

  Remember that you'll also need to get the id's of each of the buttons, and then call them in the JS file

  const buttonOne = doccument.getelementbyID('buttonOne')

  this is if the button one has an id of 'buttonOne'. You can do that for the rest of the buttons. Then add an event listener:

  buttonOne.addeventlistener('click', =>{ })

  and in the event listener, set the innertext of the p element to be the value of that particular button.

  I know it's a bit confusing, but a tutorial should help more :)

  1
• 

  Marcus-Kodehode•30

  @Marcus-KodehodeSubmitted about 1 month ago

  

  newsletter-signup-form-with-success-message

  1

  10
  

  Daniel Ayeni•1,170

  @DannimationsPosted about 1 month ago

  beautifully established. What I'd suggest is resizing the parent div so that there's no overflow, and then making the error message disappear when the user types into the email so it's better to use.

  Hope this helps :)

  Marked as helpful

  1